.max-w-80{
    max-width: 80%;
}

.max-w-60{
    max-width: 60%;
}

.max-w-50{
    max-width: 50%;
}

.max-w-40{
    max-width: 40%;
}

.color-green{
    color: #6EBE44;
}

.color-brand-grey{
    color: #474747;
}

.primary-btn{
    background-color: #6EBE44;
    color: #fff!important;
    padding: 10px 20px;
    border-radius: 22px;
}

.primary-btn:hover{
    background-color: #474747;
}

body{
    font-family: 'Roboto', sans-serif;
    background-color: white;
}

#header{
    padding: 15px 0;
}

#header img{
    max-width: 200px;
}

#header #menu-col{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

#header ul{
    list-style-type: none;
}

#header ul li{
    display: inline-block;
    padding: 0 20px;
}

#header a{
    color: #000;
    text-decoration: none;
}

#top-section{
    background-size: cover;
}

#top-section-bg{
    min-height: 600px;
}

#vitamin-bottle{
    max-width: 80%;
}

#contact input{
    margin-bottom: 10px;
}

footer{
    background-color: #474747;
    padding: 20px 0;
    color: #fff;
}

#footer-logo{
    max-width: 150px;
}

#dev-link{
    color: #fff;
    text-decoration: none;
}

.grecaptcha-badge { visibility: hidden !important; }

#mobile-menu ul{
    list-style-type: none;
}

#mobile-menu ul a{
    color: #333;
    text-decoration: none;
}

#mobile-menu ul li{
    padding: 20px 5px;
}

#mobile-menu{
    max-height: 0;
    overflow: hidden;
    transition: all 0.4s ease;
}

#mobile-menu.open{
    max-height: 300px;
}

.hamburger-inner:before, .hamburger-inner:after, .hamburger-inner{
    background-color: #474747;
}

@media screen and (min-width: 576px) {
    .menu-col .hamburger {
        display: none;
    }

    #mobile-menu, .hamburger{
        display: none;
    }
}

@media screen and (max-width: 900px) {
    .max-w-80, .max-w-40, .max-w-50, .max-w-60{
        max-width: 100%;
    }
}

@media screen and (max-width: 500px) {
    #header-logo{
        width: 160px;
    }

    #top-section{
        background-size: initial;
    }

    #top-section-bg{
        min-height: 400px;
        padding: 20px;
    }

    #menu-col ul{
        display: none;
    }

    #vitamin-d3-k2-row{
        flex-direction: column;
    }

    #footer-logo-wrapper {
        flex-direction: column;
        align-items: start!important;
    }

    #footer-logo + div{
        padding-left: 0!important;
    }
}