/*!
 * Start Bootstrap - Simple Sidebar HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/* Toggle Styles */

#home{
margin-top: 4vh;
margin-left: 10vh;    

}






#home a{
color: black;    
font-family:'Montserrat';
text-transform: uppercase;
font-size: 2vh;
font-weight: bold;    
}



#home a:hover{
    color: black;
    text-decoration: line-through;
    outline-width: 10vh;
}




/*#home a:hover{
color: black;
text-decoration: line-through;
outline-width: 10vh;   
}*/


.menu-click{
color: black;
font-family:'Montserrat';
text-transform: uppercase;
font-size: 2vh;
font-weight: bold;     
}

/*.menu-click:hover{
color: black;
text-decoration: line-through;
outline-width: 10vh;   
}*/
#rect svg{
margin-left: 3.1vh;
color:black;
}


#titulo p{
color:black;
font-family:'Karbon Slab Stencil';
font-weight: bold;
text-transform: uppercase;
font-size: 3.5vh;    
margin-left: -8.5vh; 
margin-top: 21.5vh;
}




.sidenav { /*espaço menu*/
    height: 100%;
    width: 0;
    top: 0;
    left: 50%;
    position: fixed;
    background-color: black;
    overflow-x: hidden; /* localização "x" no início, antes de abrir o menu*/
    transition: 0.5s;
    /*padding-top: 60px;*/
}

.sidenav a {
    color: white; /*cruz,x*/
    font-size: 6vh;
    text-decoration: none;
    display: block;
    line-height: 30%; !important
    /*transition: 0.3s;*/
    
   

}


.fechar a{
margin-right: 40vh;
}
.sidenav a hover{
    color: white; /*cruz,x*/
    font-size: 5vh;
    text-decoration: none;
    display: block;
    /*transition: 0.3s*/;
   

}


.sidebar-nav  {
    text-align: left; 
    margin-left: 13vh;
    margin-top: 15vh;
    


}


.sidebar-nav a {
    font-size: 25px;
    color: white;
    font-family:'Karbon Slab Stencil';
    font-weight: bold;
    text-transform: uppercase;
    text-align: left; 
    line-height: 10vh;

    


}

.sidebar-nav-login {
    display: block;
    /*transition: 0.100s;*/
    line-height: 1vh;
    text-align: left; 
    margin-left: 13vh;
    margin-top: 15vh;
}

.sidebar-nav-login a {
    font-size: 20px;
    color: white;
    display: block;
    /*transition: 0.100s;*/
    line-height: 1vh;
    font-family:'Karbon Slab Stencil';
    font-weight: bold;
    text-transform: uppercase;
    text-align: left; 
    line-height: 5vh;
}

.sidebar-nav-menu {
    display: block;
    /*transition: 0.100s;*/
    line-height: 1vh;
    text-align: left; 
    margin-left: 13vh;
    margin-top: 15vh;
}

.sidebar-nav-menu a {
    font-size: 20px;
    color: white;
    display: block;
    /*transition: 0.100s;*/
    line-height: 1vh;
    font-family:'Karbon Slab Stencil';
    font-weight: bold;
    text-transform: uppercase;
    text-align: left; 
    line-height: 5vh;
}


.sidebar-nav a:hover{
    color: white;
    text-decoration: line-through;
    outline-width: 10vh;
}

.sidebar-nav-login a:hover{
    color: white;
    text-decoration: line-through;
    outline-width: 10vh;
}




.closebtn {
    position: absolute;
    margin-left: 70%;
    margin-top: 4.5vh;  

}

.closebtn hover{
    position: absolute;
    margin-left: 70%;
    margin-top: 1vh;
    color:white;

}

/*@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
}
*/


/*

.bar1 {
width: 4vh;
height: 0.8vh;
background-color: white;
transition: 0.4s;
margin-right: 5vh;   
margin-left: -5vh;
}

.bar2 {
width: 5vh;
height: 0.8vh;
background-color: white;
transition: 0.4s;
margin-right: 5vh; 
margin-left: -5vh;  
    
    
}

.bar3 {
width: 3vh;
height: 0.8vh;
background-color: white;
transition: 0.4s;
margin-right: 5vh; 
margin-left: -5vh; 
    
    
    

}
*/

/* Rotate first bar */
.change .bar1 {

-webkit-transform: rotate(-45deg) translate(-8px, 8px) ;
transform: rotate(-45deg) translate(-1vh, 1vh) ;
width: 5vh;
height: 0.8vh;
}

/* Fade out the second bar */
.change .bar2 {
opacity: 0;
}

/* Rotate last bar */
.change .bar3 {

-webkit-transform: rotate(45deg) translate(-8vh, -8vh) ;
transform: rotate(45deg) translate(-1vh, -1vh) ;
width: 5vh;
height: 0.8vh;
}