body {
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}

#Main{
    position: fixed;
    top:0%;
    left:0%;
    width:100%;
    height:100%;
    z-index: 0;
    background-image: url("../img/background.jpg");
    background-size: cover;
    z-index: 0;
}

#header{
    background-color: white;
    position: absolute;
    top:0%;
    left:0%;
    width:100%;
    height:20%;
}

.container{
    position: absolute;
    top:37%;
    left:18.5%;
    width:60%;
    height:40%;
    border:none;
    display:inline-block;
}



#footer{
    background-color: white;
    position: absolute;
    top:90%;
    left:0%;
    width:100%;
    height:10%;
}

.footer1{
    position:absolute; 
    top:0%; 
    left:0%;  
    width:100%;
    text-transform: uppercase; 
    text-align: center;   
    display: block;
}

.footer11{
    left:20%; 
    position: absolute;
    color:black; 
    text-decoration: none; 
}

.footer11:hover{
    font-weight: bold;

}

.footer12{
    left:40%; 
    position: absolute;
    color:black; 
    text-decoration: none; 
}

.footer12:hover{
    font-weight: bold;

}

.footer13{
    left:60%; 
    position: absolute;
    color:black; 
    text-decoration: none; 
}

.footer13:hover{
    font-weight: bold;

}

.footer14{
    left:80%; 
    position: absolute;
    color:black; 
    text-decoration: none; 
}

.footer14:hover{
    font-weight: bold;

}

.copyright{
    position:absolute; 
    top:48%; 
    left:0%;  
    width:100%;
    text-transform: uppercase; 
    text-align: center;   
}

.boia{
    position:absolute;
    width:2%; 
    top:30%; 
    left:2%;
}

.logo{
    position:absolute;
    width:20%; 
    top:20%; 
    left:5%;
}

#barraNav{
    position:absolute;
    width:4%; 
    height:20%;
    top:36%; 
    left:93%;
    border: none;
    display: inline;
    background-color: white;
   
}

.barraFooter{
    position:absolute; 
    width:93%; 
    top:45%; 
    left:6.2%;
}

.Evolution{
    color:black; 
    text-decoration: none; 
}

.button:hover{
    text-decoration: none; 
    color:white; 
    background-color: #2a388f;
}






.buttonBreve{
    position: absolute;
    top:0%;
    width:100%;
    height:90%;
    background-color: #00adef;
    border:none;
    border-radius: 80px;
    color: white;
    font-size: 38px;
    font-weight: bold;
    box-shadow: 0 20px 20px 0 rgb(58, 57, 57), 0 20px 20px 0 grey;
}

/*MENU*/

#ContainerMenu{
    position: absolute;
    background-color: black;
    opacity: 0.95;
    width:100%;
    height:100%;
    left:0%;
    top:0%;
    z-index: 0;
}



#cruz{
    position: absolute;
    top:6.5%;
    width:3%;
    height:5%;
    left:93%;
    background-color:black;
    border: none;
}


#Menu{
    position: absolute;
    top:30%;
    width:20%;
    height:40%;
    left:40%;
    color: white;
    font-weight: bold;
    font-size: 22px;
    text-align: center;
}

.Menu{    
    color:white; 
    text-decoration: none; 
}