html{
    height: 100%;
}

a {
    text-decoration: none;
}


.divImgPrincipal{
    background-image: url("../public/images/index/Logo+Oxford.png");
    height: 81vh;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center 0px;
    display: flex;
    justify-content: end;
}

.divBotonPrincipal{
    height: 71vh;
    width: 28%;
}

.botonPrincipal{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    background-color: black;
    border: 0px;
    border-radius: 45px;
    height: 15%;
    width: 80%;
    text-decoration: none;
}

a img{
    width: 19%;
}

@media (min-width:275px) {

    .divImgPrincipal{
        justify-content: center;
    }

    .divBotonPrincipal{
        justify-content: center !important;
        height: 60vh;
        width: 100%;
    }

    .botonPrincipal{
        width: 100%;
        height: 13%;
    }
}

@media (min-width:375px) {
    
    .divImgPrincipal{
        justify-content: center;
    }

    .botonPrincipal{
        width: 95%;
        height: 13%;
    }

    .divBotonPrincipal{
        justify-content: center !important;
        height: 60vh;
        width: 78%;
    }
}

@media (min-width:768px) {
    
    .divImgPrincipal{
        justify-content: end;
    }

    .botonPrincipal{
        width: 95%;
        height: 15%;
    }

    .divBotonPrincipal{
        width: 48%;
    }

    a h1{
        font-size: 200%;
    }

    a img{
        margin-right: 10px;
        width: 18%;
    }

}

@media (min-width:992px) {

    .divBotonPrincipal{
        width: 42%;
    }

    .botonPrincipal{
        width: 95%;
    }

    a h1{
        font-size: 250%;
    }

    a img{
        margin-right: 10px;
        width: 16%;
    }
}

@media (min-width:1200px) {

    button img{
        width: 10%;
    }

    .divBotonPrincipal{
        width: 38%;
    }

    .botonPrincipal{
        width: 85%;
    }

    a h1{
        font-size: 225%;
    }

    a img{
        margin-right: 10px;
        width: 18%;
    }
}

@media (min-width:1400px) {
    
    .divBotonPrincipal{
        width: 35%;
    }

    a h1{
        font-size: 220%;
    }

    a img{
        margin-right: 15px;
        width: 20%;
    }
}

@media (min-width:1800px) {

    .divBotonPrincipal{
        width: 30%;
    }

    a h1{
        font-size: 280%;
    }

    a img{
        margin-right: 15px;
        width: 15%;
    }
}