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


body img {width: 100%; min-width: 20%; max-width: 65%;}



nav {background-color: black;
    text-align: right;
    padding: 0.8rem;}

nav ul li {
    text-decoration: none;
    list-style-type: none;
    display: inline;
    margin-top: 2rem;
    margin-right: 1rem;
    font-family: roboto, sans-serif;
    border-right: 1px solid;
    padding-right: 1rem;
    border-color: white;}

ul li hover{box-shadow: 0.2rem 0.2rem 0.5rem #d3d3d3; 
    font-weight: 900;
    color: #00A1D2;}

ul li a {text-decoration:none; color: white;}
ul li a:visited {text-decoration: none; color:white;}
ul li a:hover {color: #00c3a7; font-weight: bold;}


footer img{
    display: inherit; 
    border-radius: 0.5rem; 
    display: grid;
    max-width: 100px; 
    min-width: 60px; 
    margin: 1rem;}

footer img:hover {
    box-shadow: 0.2rem 0.2rem 0.5rem #d3d3d3; 
    border-radius: 0.5rem;}


@media (max-width: 500px) {
    
   body img {width: 100%; min-width: 50%; max-width: 100%;}

    .botones {text-align: center;}
}