* {padding:0px;
   margin:0px;
    width: auto;
    color: white;
    list-style: none;
    text-decoration: none;
}



.destacado  {color:aliceblue;

}

body{background-color:dimgray;
}

#navegacion1 a{
    display: block;
    padding: 0.5em;
    color:antiquewhite;
    font-family: "Roboto+Slab:400", sans-serif;
    font-size: 16px;
    font-feature-settings:normal;
    padding-left: 16px;
    background-color: slategray


}

#navegacion1 li{
    margin:0.3em;
}



#navegacion1 a:hover{color:dimgrey;
background-color: red;}

#navegacion1 a: visited {color:whitesmoke;
    }


footer{background-color: dimgray;
    font-family: 'Roboto+Slab:400', sans-serif;
    padding:1px;
    padding-left: 5px;
    color:antiquewhite;}

h1{font-size: 45px;
font-family: 'Roboto+Slab:700', sans-serif;
margin: 18px;}

h4{font-size: 20px;
font-family: 'Roboto+Slab:700', sans-serif;
margin: 18px;}




h2{background-color:coral;
font-family: 'Roboto+Slab:700', sans-serif;
padding-left:16px;
padding-right:16px;
padding-bottom: 3px;
padding-top: 3px;
color:antiquewhite;
font-size: 20px;}


h3{background-color:coral;
    font-family: 'Roboto+Slab:700', sans-serif;
padding-left:16px;
padding-right:16px;
padding-bottom: 3px;
padding-top: 3px;
color:antiquewhite;
font-size: 20px;}

header{background-color:grey;
  
    padding-left: 5px;

}

nav{background-color:dimgray;
    padding: 0px;
    padding-right: 50px;
    padding-left:1px;
    padding-top: 5px;
    padding-bottom: 5px;
     display: flex;
     justify-content: center;
    align-content: center
  }
    
border: 4px solid coral;
    
border-style:solid}

img{padding-left: 16px;
padding-bottom: 10px;}



@media screen and (min-width: 20em){

   nav ul {display: flex;}
    
    nav ul li {flex: 1;
               }
    
    
    header{display:flex;
        justify-content: space-between;
        align-items: center;}
    
    
    
    @media screen and (min-width:30em){
        nav{margin: 0;
            flex-basis: calc (100% - 8em);}
        
        footer{
                flex-direction: column;
                width: 50%;
                display: block;
                text-align: center;
        }