#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%;
}



#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: 52%;  
margin-top: 9.5vh; 
       
}


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

h1{
font-family: 'Karbon Slab Stencil';
font-weight: bold;
color: grey;
font-size:2.5vh;    
  
}

h1{
letter-spacing: -1px; /*reduce that kerning*/
}

h2{
font-family: 'Montserrat';
font-weight: regular;
color: black;
font-size:1.2vh; 
margin-top: -1vh;    
  
}

section .row:first-of-type h3 { 
margin-top:0;

}

.post p{
font-family: 'Montserrat';  
font-weight: 200;  
color:black;
font-size:2vh;

}

p.description{
line-height: 1.7;
letter-spacing: 0.5px;
margin-bottom: 50px;
}

hr{
width:50%;
}

.post :hover { text-decoration: none; }


.overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(to top, black 34%, black 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;	
}

.no-pad-marg{
padding:0; /*remove BS3 paddings*/
margin:0 !important;
}

/* 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;
}



/*------------------------------------*\
NAVIGATION
\*------------------------------------*/
/*MENU TOP*/
#navigation{
position: fixed;
top: 0;
width: 100%;
background: white;    


}

#navigation a{
font-family:'Montserrat';
color: black;
font-weight: bold;    
font-size: 2vh;    
}

#navigation a:hover{
font-family:'Montserrat';
color: black;
text-decoration: line-through;
background: white;    

}

/*------------------------------------*\
ABOUT
\*------------------------------------*/

#about {
padding-top: 0;
padding-bottom: 0;
}


.post {
text-decoration: none;
}


/* Timeline */

.timeline-section{ /*grossura linha 1º, 3º*/
padding: 25px 0;
margin: 0;
border-left: 10px solid black;
list-style: none;
text-align: left;
margin-bottom: 0;
margin-top: -3vh;   
}


.timeline-title{
font-weight: bold;
margin-top: 0;
}

.timeline .post{ /*texto*/
padding: 0 0 20px 20px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

.timeline .post span{
opacity: .75;
}

.timeline .post p{
margin-bottom: 0;
}


.timeline-section li{
position: relative;
}




/*bolinhas*/
.timeline-section li:not(:first-child):after{
display: block;
content: ' ';
width: 18px; /*tamanho bolas*/
height: 18px;
background-color: transparent;
border: 5px solid black; /*borda bola inicial*/
border-radius: 100%;
position: absolute;
top: 5px; /*local das bolinhas verticalmente*/
left: -14px; /*local bolas 1º 3º*/
}

@media all and (min-width: 768px) {

.timeline {
    padding: 0;
    left: 0px;/*local barra 1º 3º*/
}

.timeline:nth-of-type(2n){
    left: inherit;
    right: -10px; /*local barra 2º 4º*/
}

.timeline:nth-of-type(2n) .timeline-section{
    text-align: right;
    border-left: inherit;
    border-right: 10px solid black; /* grossura barra 2º 4º*/
}

.timeline:nth-of-type(2n) .timeline-section li:after{ 
    left: inherit;
    right: -14px;/*local bolas 2º 4º*/
}

.timeline:nth-of-type(2n) .timeline-section li .post{
  padding-right: 20px; /*distancia do texto à barra inicial 2º 4º*/
     
}

.timeline:nth-of-type(2n) .timeline-section li:not(:first-child):hover .post{
  padding-right: 30px; /*hover no texto - distancia que anda 2º 4º*/
   
}

.timeline .fa-stack{
  position:absolute;
  left: -120px;
}

.timeline:nth-of-type(2n) .fa-stack{
  right: -120px;
  left: inherit;
}

}

/*efeito texto*/
@media all and (min-width: 992px) {

.timeline-section li:not(.timeline-title):hover .post{
  padding-left: 30px;
   
  
}

.timeline-section li:not(:first-child):hover:after{
    border-width: 3px;
background-color:white;    
  
  
      

}
}
    


@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%;  
}
    

 
    
}