/* Hoja de estilo principal*/

body{
    background: #ebebeb;
    margin: 0.5px;
    font-family: Arial, Helvetica, sans-serif;
    display: grid;
    min-height: 99vh;
    grid-template-rows: auto 1fr auto;
}

header{
    max-width: 100%;
}

header div{
    background: url('../imagenes/headerInicial.png') no-repeat;
    background-size: cover;
    height: 75px;
}

cuerpo{
    margin-top: 5%;
    width: auto;
    height: auto;
    text-align: center;
}
cuerpo img{
    width: 400px;
}

@media only screen and (max-width: 767px) {
    header{
        background-color: #08aaff;
    }
    
    header label{
        display: block;
    }

    footer{
        column-count: 1;
    }
    cuerpo {
        column-count: 1;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1440px){
    footer {
        column-count: 2;
    }
    cuerpo{
        width: 100%;
        height: 90%;
        margin-top: 2%;
    }
    cuerpo {
        column-count: 1;
    }
}

@media only screen and (min-width: 1441px){
    footer {
        column-count: 3;
    }
    cuerpo {
        column-count: 1;
    }

}


/* Footer */
footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background: url('../imagenes/footerInicial.png') no-repeat;
    background-size: cover;
    height: 50px;
    text-align: left;
    margin: 0;
    padding: 0;
    font-size: 12px;
}

.red{
    cursor: pointer;
    width: 30px;
    padding-right: 5px;
}

footer p{
    margin: 5px;
}

.p3{
    text-align: left;
}