#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: 998;
} 

#mySidenav{
z-index: 998;
} 

.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;    
    
       
}






.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: 50px 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;	
}



/* Center Align Tecnica#1 */
/*
.ghost {
width:100%;
height:100%;
text-align: center;
}

.ghost:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
margin-right: -0.25em; /* Adjusts for spacing *//*
}

.centered {
display: inline-block;
vertical-align: middle;
float:none; /*if used with boostrap*//*
max-width: 99%;
}

/* Center Align Tecnica#2 *//*

.h-align {
display: table;
width: 100%;
height:100%;
/* fica uma tabela do tamanho do seu contentor *//*
}

.v-align {
display: table-cell;
text-align: center;
vertical-align: middle;
}
*/
/*------------------------------------*\
HEADER
\*------------------------------------*/






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

#gallery{
padding-bottom: 0;
/*padding-top: 20vh;    
padding-left: 30vh;*/
   
}

.g-item{
/*width: 40vh;
height: 35vh;*/    
margin-bottom:10px;
/*border-style:solid;    
border-color:black;  
border-width: 1vh;*/
}


.photo-container h1{
position: absolute;    
z-index: 1;    
font-family: 'Karbon Slab Stencil';
font-weight: bold;
color: black;
text-transform: uppercase;
font-size: 8vh;
text-align: center;
margin-top: 8vh;    
margin-left: 13vh; 
  
}

.photo-container h4{
position: absolute;    
z-index: 1;    
font-family: 'Karbon Slab Stencil';
font-weight: bold;
color: black;
font-size: 8vh;
text-align: center;
margin-top: 8vh;    
margin-left: 14vh; 
  
}



.photo-container h2{
position: absolute;    
z-index: 1;    
font-family: 'Karbon Slab Stencil';
font-weight: bold;    
color: grey;
text-transform: uppercase;
font-size: 2vh;
text-align: center;
margin-top: 18vh; 
margin-left: 9vh;    
    
}

.photo-container h3{
position: absolute;    
z-index: 1;    
font-family: 'Karbon Slab Stencil';
font-weight: bold;    
color: grey;
text-transform: uppercase;
font-size: 2vh;
text-align: center;
margin-top: 18vh; 
margin-left: 0.5vh;    
    
}


/*.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: 0;
-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 only screen and (min-width: 990px) { /*-----telemóvel*/   

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


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

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

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

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

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

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


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

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