@media only screen and (min-width:720px) {
    html {
        min-width: 720px;
        font-size: 16px;
    }
    header {
        height: 6em;
        justify-content: space-between;
    }
    nav {
        display: inline-flex;
        margin-right: 0.0em;
        background-color: transparent;
        justify-content: center;
        align-items: center;
        height: 6em;
    }
    nav a {
        display: inline-flex;
        word-spacing: .2em;
        position: relative;
        color: rgba(201, 180, 222, 0.95);
        text-decoration: none;
        transition: color 0.6s ease-in;
    }
    nav a:hover {
        color: #fff ;
    }
    nav a::before{
        content: "";
        position: absolute;
        display: inline-flex;
        width: 100%;
        height: 2px;
        bottom: 0;
        left: 0;
        background-color: rgba(201, 180, 222, 0.95);
        transform: scaleX(0);
        transition: transform 0.6s ease-in-out, background-color 0.6s ease-in;
    }
    nav a:hover::before {
        transform: scaleX(1);
        background-color: #fff;
    }
    #menu {
        display: none;
    }
    .botonNav {
        display: none;
    }
    .menuNav {
        display: inline-flex;
        padding: 1em;
    }
    .menuNav ul {
        list-style-type: none;
        display: inline-flex;
    }
    .menuNav ul li {
        padding: .3em;
        align-items: center;
    }
    .menuNav ul li a {
        font-size: 1.2em;
        padding: 0.3em;
        border-radius: 0.35em;
    }
    .contenedorLogo {
        margin-left: 0.5em;
    }
    .logo {
        height: 5em;
    }
    .contenedorSiglas {
        height: 6em;
        margin-left: 0.5em;
        margin-right: auto;
        margin-bottom: 0.5em;
    }
    .textoSiglas {
        display: block;
        font-size: 5em;
        transition: color 1s ease-in;
    }
    .textoSiglas:hover {
        color: transparent;
        -webkit-text-stroke-width: 1px;
        -webkit-text-stroke-color: aliceblue;
        transition: color 1s ease-in;
    }
    .proyectos {
        display: flex;
        flex-direction: row;
        flex-wrap:wrap;
        align-items: center;
        justify-content: center;
        color: #e2e2e2;
        margin: 2em 0em;
    }
    .proyecto {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    footer {
        height: 12em;
    }
    .footerContainer {
        width: 80%;
        align-items: flex-start;
        justify-content: center;
        height: 70%;
    }
    .footerContainer3 {
        width: 30%;
        margin-top: 1em;
    }
    .footerContainer3 h6:hover {
        color: #fff;
    }
    .footerContainer4 {
        width: 15%;
        height: 100%;
    }
    .footerContainer4 h1:hover {
        color: #fff;
    }
    .footerContainer5 {
        font-size: 01em;
        margin-left: 5em;
        width: 10%;
        height: 100%;
    }
    .footerContainer5 h6:hover {
        color: #fff;
    }
    .footerContainer6 {
        margin-left: 5em;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        height: 100%;
        width: 17%;
    }
    .footerContainer6 h4 {
        padding: 0.3em;
    }
    .footerContainer7 {
        margin-left: 5em;
        height: 100%;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 10%;
    }
    .icon {
        width: auto;
        height: 2em;
    }
    .footerContainer8 {
        display: flex;
        flex-direction: row;
        justify-content: space-evenly;
    }
    .footerContainer9 {
        display: flex;
        flex-direction: row;
        justify-content: space-evenly;
    }
    input {
        background-color: transparent;
        border-top: none;
        border-left: none;
        border-right: none;
    }
    form {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 70%;
    }
    ;
    .footerContainer10 {
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
    }
    button {
        background-color: transparent;
        color: rgba(201, 180, 222, 0.95);
        padding: 0.1em;
        border: 0.1em solid transparent;
    }
    button:hover {
        color: #fff;
        background-color: #000;
        border: 0.1em solid rgba(201, 180, 222, 0.95);
    }
    
}