@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Roboto);

body{
    background-color: #54A891;
    margin: 0 10em 0 10em;
}

#portada img{width: 100%;}

#botones1 { 
width: 100%;
margin-top: -2.5em;}

#botones1 nav div ul{
     background-color: #ffe838;
     display: flex;
     justify-content: space-around;
     padding: 1em;
    margin: 3em 0 1em 0; 
     }

#botones1 nav div ul li{
    list-style: none;
    font-family: 'Roboto';
    

}

#botones1 nav div ul li a{
    color: #D40E0D;
    text-decoration: none;
    
}


footer{background-color: #ffe838;
font-family: 'Roboto';
font-size: x-small;
padding: 2em;
    text-align: center;

}

#titulos {display: flex;
justify-content: center;}

#titulos h3 {color:#D40E0D;
    margin: 0.5em 0 0 0;
    width: 26em;
    font-family: 'Roboto';
    display: flex;
    justify-content: center;}


#rotulos {display: flex;
justify-content: center;}

#rotulos img{
    width: 50%;
    justify-content: center;
}

#rotulos nav div ul{
     display: flex;
    margin-left: 5em;
}

#rotulos nav div ul li {
    list-style: none;
    text-decoration: none;
    

}

#parrafos{display: flex;
flex-direction: row;}

#parrafos p{font-family: 'Roboto';
width: 40em;
margin: 1em}

h3 {color:#D40E0D;
    
    width: 12em;
    font-family: 'Roboto';
    display: flex;
    justify-content: center;}

h2{font-family: 'Roboto';}

h4{font-family: 'Roboto';
color: #ffe838;}

p{font-family: 'Roboto';}