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

.post3{
margin-top: -24vh;

}


.ano{
margin-top: -7.7vh;
margin-left: 25vh;    
}


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

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

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

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

#esquerda h1{
text-align: left;
}

#esquerda p{
text-align: justify;
}

#direita h1 {
text-align: left;
}

#direita h2{
text-align: left;
}





h2{
font-family: 'Montserrat';
line-height: 2vh;    
color: black;
font-size:1.7vh;
font-weight: 150; 
margin-top: -1vh;    
  
}

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

}

p{
color:black;
font-family: 'Montserrat', sans-serif;
font-size:1.7vh;
font-weight: 300;    
}

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

hr{
width:50%;
}

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



section{
padding: 50px 0;
text-align: left;
}

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

.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: left;
vertical-align: middle;
}


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


}

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



/*------------------------------------*\
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 white;
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 .post2{ /*texto*/
margin-top: -55.4vh;
-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{
font-weight: bold;
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: 4px solid white; /*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º*/
    top: 0;
}

.timeline:nth-of-type(2n) .timeline-section{
    text-align: justify;
    border-left: inherit;
    border-right: 10px solid white; /* 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 .fa-stack{
  position:absolute;
  left: -120px;
}

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



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