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

body, html {
    width: 100%;
    background-color: #000000;;
    background-position: center;
    font-family: "Open Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: weight;
    font-style: normal;
    height: 100%;
    
}


.background-overlay .img-back {
    width: 100%;
    height: 500px;
    background-position: top;
    display:block;
}

.img-movil1 {
    display: none;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}

.content-aca {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(10, 0.2fr);
    grid-template-rows: repeat(10, 0.2fr);
    margin: -200px 0 0 0;
    opacity: 0;
    transition: opacity 1s ease-in-out;
}

.container-img {
    width: 100%;
    grid-column: 2 / 10;
    grid-row: 2 / 10;
    text-align: center;
}

.logo-aca {
    width: 600px;
}

.container-text {
    width: 100%;
    color: white;
    display: grid;
    grid-template-columns: repeat(11, 0.2fr);
    grid-template-rows: repeat(11, 0.2fr);
    opacity: 0;
    transition: opacity 1s ease-in-out;
}

.content-aca.visible, .container-text.visible {
    opacity: 1;
}

.text-infor {
    width: 100%;
    grid-column: 5 / 8;
    grid-row: 4 / 7;
    text-align: center;
    font-size: 25px;
}

.container-footer {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(11, 0.2fr);
    grid-template-rows: repeat(11, 0.2fr);
}

footer .container-web {
    Background-color: white;
    width: 100%;
    text-align: center;
    grid-column: 1 / 12;
    grid-row:12 / 12;
    padding: 1em 0;
    margin-top: 20em;
}