* { margin: 0; 
    padding: 0; 
    box-sizing: border-box;
    
}

header {
    padding: 1 em;
    background-color: none;
    margin: 0px;
    display: block;
    text-align: center;

}


body {
    font-family: 'Raleway', sans-serif;
    background-color:whitesmoke;
    color:#818486;
    font-weight: 400;
        
}

#logo { width: 170px;
    
}

.logo {
    
 color: #de0c5d;
font-size: 70px    
    
}
#contenedor {
    
    max-width: 75em;   
    width: 100%;
    margin: auto;
    text-align: center

}

div {
    max-width
    
    width: 50%;
    margin: 20px 100px;
    padding: 30px;
    border: 10px;
    
}

h4 { color: #92e2c4;
     text-decoration: underline;
     font-size: 20px
    
}

li  {
    display: inline-block;
    margin: 0;
    padding: :60px 60px;
    color: #fff;
    
}

a {
    text-decoration: none;
    
}

nav ul {
    list-style: none;
    border-radius:0px; 
}
nav ul li {
    margin-bottom: 0.5em;
}
nav ul li a {
    
    background-color: #818486;
    color:#ffffff;
    padding: 10px 20px;
    display: block;
    width: 200px;
    border-radius:0px;
    border-bottom: solid #ffff 2px ;
}

nav ul li a:hover {
    color:#ffffff;
    background-color: #5f5d5d;
}

nav ul li a:active {
    color:#81878b;
    background-color: #818486;
    
}



@media only screen and (max-width: 700px){
    .texto {
        padding: 0;
        margin: 0px;
        width: 100%;
        
        
    }
}