*
body {background-repeat: no-repeat;
      font-family: 'Dosis', sans-serif;
      text-align: center;}

@media (max-width:480px) {
    body { background-color: #9DA0D0;
        display: flex;
        flex-direction: column;
    }
    #botonera {display:flex;
    flex-direction: column;
        height: 20rem;
        line-height: 2rem;
    }
    
    }
    
@media (min-width: 480px) {
    


#botonera {
    border-width:4px;
    margin:7px; 
    padding:7px; 
    table-layout: fixed;
    display: flex;
    flex-direction:row;
    align-items: flex-start;
    justify-content: space-around;
    font-family: 'Dosis', sans-serif;
    line-height: 2rem;
    
}
    }

header a:hover {background-color: white;}

header img {}

#portada {display: flex;
        flex-direction: row-reverse;
        align-items:center;
        margin: auto;
        flex-wrap: wrap;}

.elemento foto {width: 35%;
}

.elemento nombre {width: 30%;}

h1 {font-family: monospace;
    font-weight: lighter;
    letter-spacing: 0.9rem;
    font-variant: small-caps;
    }

h3 {font-family: 'Dosis', sans-serif;
text-align: center;}

header h3 {letter-spacing: 0rem;
text-align: center;}



#botonera {background-image: url(../imagenes/botonera.jpg);}
main h2, footer {background-color: #99FF99}

#logos {flex-direction:row;
        align-items:center;
        flex-wrap: wrap;
        display: flex;
        margin: auto;
        width: 20%;    
        }

footer {font-family: 'Dosis', sans-serif;
        text-align: center;}

