html,
body{
    margin:0;
    padding:0;
    width:100%;
    overflow-x:hidden;
    font-family:Inter,Arial,sans-serif;
}

*{
    box-sizing:border-box;
}

img{
    display:block;
    max-width:100%;
    height:auto;
}

.container{
    width:100%;
    max-width:1280px;
    margin:0 auto;
    padding:0 15px;
}

.header-main .container,
.branding-group{
    display:flex;
    align-items:center;
}

.header-main .container{
    justify-content:space-between;
}

.logo{
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
}

.logo img{
    width:150px;
    height:auto;
}

.mobile-header,
.mobile-menu-toggle{
    display:none;
}

@media (max-width:991px){

    .header-main .container{
        flex-direction:column;
    }

    .main-nav{
        display:none;
    }

    .mobile-header,
    .mobile-menu-toggle{
        display:block;
    }

    .logo img{
        width:100px;
    }
}

@media (max-width:480px){

    .branding-text,
    .branding-contact{
        display:none;
    }

    .branding-group{
        flex-direction:column;
        text-align:center;
    }

    .logo img{
        width:70px;
    }
}