#body {     
background: white; /* For browsers that do not support gradients */
background: -webkit-linear-gradient(#eff0f0, #fafbfb); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#eff0f0, #fafbfb); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#eff0f0, #fafbfb); /* For Firefox 3.6 to 15 */
background: linear-gradient(#eff0f0, #fafbfb); /* Standard syntax */
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
background-size: cover !important;
width:100%;
height:100%;
}




/*------------------------------------*\
GENERAL
\*------------------------------------*/


#menu-click{
z-index: 999;
} 

#mySidenav{
z-index: 999;
} 

.titulo h1{
font-family: 'Karbon Slab Stencil';
font-weight: bold;
font-size:3vh;    
color:black;
text-align: left;
margin-left: 51%;  
margin-top: 9.5vh;    
    
       
}

.titulo h5{
font-family: 'Karbon Slab Stencil';
font-weight: bold;
font-size:3vh;    
color:black;
text-align: center;
margin-left: 35vh;  
    
       
}






.overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient( rgba(255, 255, 255, 0.8) 100%, rgba(255, 255, 255, 0.8) 100%);
}

section{
padding: 10px 0;
text-align: center;
}

.cover{
width: 100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
position: relative;
overflow: hidden;	
}





/*------------------------------------*\
GALLERY
\*------------------------------------*/

#gallery{
padding-bottom: 0;
   

    
}

.caption{
margin-left: 15px;
}





.g-item{
width: 42vh;
height: 30vh;   
margin-bottom:11px;
margin-left:11px;
margin-right:11px;

border-style:solid;    
border-color:black;  
border-width: 1.3vh;

}




.caption h1{
position: absolute;    
z-index: 1;    
font-family: 'Karbon Slab Stencil';
font-weight: bold;
color: black;
text-transform: uppercase;
font-size: 3vh;
text-align: left;
}


.caption h2{
position: absolute;    
z-index: 1;    
font-family: 'Montserrat';
color: black;
text-transform: uppercase;
font-size: 2.5vh;
text-align: left;
margin-top: 10vh; 
line-height: 4vh;    
}


/*.photo-container p{
position: absolute;    
z-index: 1;    
font-family: 'Karbon Slab Stencil';
font-weight: bold;
color: black;
text-transform: uppercase;
font-size: 3vh;
text-align: left;
    


}*/

.caption{

}


.photo-container{
    
position:relative;
overflow: hidden; /*evita que as as imagens saiam do contentor*/


}
.photo-container img{
width:100%;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-o-backface-visibility: hidden;
-ms-backface-visibility: hidden;
    -backgace-visibility: hidden;

-webkit-transition: all 10s linear;
 -moz-transition: all 10s linear;
  -ms-transition: all 10s linear;
   -o-transition: all 10s linear;
      transition: all 10s linear;
}

.photo-container .overlay{
opacity: 10;
-webkit-transition: opacity 0.2s ease-in-out;
-moz-transition: opacity 0.2s ease-in-out;
-o-transition: opacity 0.2s ease-in-out;
-ms-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out;
}




@media (min-width: 992px){

.photo-container .overlay {
opacity:0;
}
.photo-container .caption{
opacity:0;
bottom: 0px;
  
}
.photo-container:hover .overlay {
opacity:1;
}
.photo-container:hover img{
-webkit-transform: scale(1.5);
}
.photo-container:hover .caption{
opacity:1;
bottom:20px;
}
    
    

@media only screen and (max-width: 990px) { /*-----telemóvel*/   

.titulo h1{
margin-left: 52%;  
}
}

@media only screen and (max-width: 500px) { /*-----telemóvel*/   

   
.titulo h1{
margin-left: 53%;  
}
    
}