@import url('https://fonts.googleapis.com/css?family=Montserrat:400,900');

body{
    font-family:'Montserrat',sans-serif;
}

h1,h2,h3,h4, strong{
    font-family:'Montserrat', sans-serif;
    font-weight:bold;
    color:#134f9f;
}

h2{
    font-size: 3rem ;
    
}

h3{
    font-size:1.6rem ;
    
}

p{
    font-family:'Montserrat',sans-serif;
    font-size:1rem;
    line-height: 2rem;
}

header{
    background:url(../images/header.png) no-repeat center center;
    display:block;
    padding:40px 0 0px;
}


.bottletop {
    margin-top: 100px;
}

section{
    padding:80px 0 80px;
}

#pink{
    background:#ffeff6;
    border-top-right-radius: 20%;
    border-bottom-left-radius: 20%;
}

#ingredients{
    background:url(../images/bg-ingredients.png) no-repeat right top;
    display:block;
    border-radius: 100px 0 0 100px;
    margin-left: 30px;
    background-size:cover;
}


#ingredients p{
    font-size:0.98rem ;
    line-height: 1.5rem ;
    background:rgba(255,255,255,0.7);
    border-radius:5px;
    padding:10px;
    
}

footer{
    background:#122b4c;
    padding:20px;
    color:#fff;
}

.visible-images-lg{
    display:block;
}
.visible-images-sm{
    display:none;
}

@media(max-width:776px){
    header{
        background-size:cover;
        background-position: 25%;
    }

    header images{
        padding-top:50px;
    }
    .visible-images-lg{
        display:none;
    }
    .visible-images-sm{
        display:block;
    }
    section{
        padding:70px 0 70px;
    }
    h2{
        font-size:2.4rem;
    }
}