body{
    
    background: url(../images/cocktail-section.jpg) fixed;
    color: #FFF;
}
.overlay{
    position: absolute;
    bottom: 0;
    left: 0;
    right:0;
    background-color: #373737;
    overflow: hidden;
    width: 100%;
    height: 0;
    transition: 0.5s all;
    text-align: center;
    padding: 0 10 0 10;
    
}

header{
    background: url(../images/header-section.jpg) no-repeat fixed 100%; 
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
   
}
header img{
    height: 200px;
}
header p{
    font-size: 18px;
}
h1{
    font-size: 80px;
}
.section-container{
    margin: 10px 20% 10px 20%;
    
}
/*section about*/
#menu_soiree a,#menu_cocktails a{
    text-decoration: none;
    color: #FFF;

}
section#about{
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: gray;
}
section#about div{
    height: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1;
}
section#about div h3{
    font-size: 25px;
    text-transform: uppercase;
    
}
.opening{
    background: url(../images/1.jpg);
}
.mention{
    background: url(../images/2.jpg);
}
.cocktails{
    background: url(../images/3.jpg);
}

/*section cocktails*/
section#cocktails{
    padding: 10px;
    
    
}
section#cocktails img{
    height: 120px;
}
.sunmoon-banner{
    background: url(../images/sunmoon-banner.jpg) no-repeat;
}
.mentalux-banner{
    background: url(../images/mentalux-banner.jpg) no-repeat;
}
.cocowhip-banner{
    background: url(../images/coco-banner.jpg) no-repeat;
}
.citrinus-banner{
    background: url(../images/citrinus-banner.jpg) no-repeat;
}
.spicherry-banner{
    background: url(../images/spicherry-banner.jpg) no-repeat;
}
.first-row{
    display: column;
    
}


.col-3{
    flex: 0.33;
}
.col-2{
    flex: 0.5;
}
.cocktail-item{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;  
    margin: 10px;
    position: relative;
    
}
.cocktail-item img{
    height: 120px;
}
.cocktail-item:hover{
    opacity: 0.5;
    transition: 0.3s all;
}
.cocktail-item p{
    font-size: 18px;
}
.cocktail-item:hover .overlay{
height: 100%;
}
.second-row{
    display: flex;
    justify-content: center;
}
#abus{
    text-align: center;
}
/*Section soirée*/
.soiree-container{
    background: url(../images/soiree.jpg);
    height: 800px;
    display: column;
    justify-content: space-evenly;
    padding: 5% 25% 5% ;
    align-items: center;
    font-size: 25px;
    box-shadow: black ;
    text-shadow: #373737;
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;

}
@media only screen and (max-width: 600px){
.soiree-container{
    font-size: 18px;

}
.annee,.disco{
    margin-bottom: 3%;
}

}
.annee{
    margin-bottom: 10%;
}
.disco{
    margin-bottom: 10%;
}

/*footer*/
footer{
    background-color: #F25A29 ;
    opacity:0.6 ;
    text-align: center;
    
}