.aviso-mantenimiento{
    height: 600px;
}

.aviso-mantenimiento h1{
    color: var(--colorPrincipal) !important;
    font-family: 'fresh jam';
    font-weight: bold;
    text-decoration: underline;
}

.aviso-mantenimiento .titular-recuadro{
    background-color: white;
    border: 6px black solid;
    box-shadow: 10px 12px 0 #278D45;
    padding: 10px 10px;
}

@media screen and (min-width: 320px) {
    .aviso-mantenimiento{
        height: 300px;
    }

    .aviso-mantenimiento h1{
        font-size: 3rem;
    }
}

@media screen and (min-width: 768px) {
    .aviso-mantenimiento{
        height: 300px;
    }

    .aviso-mantenimiento h1{
        font-size: 4rem;
    }
}

@media screen and (min-width: 1024px) {
    .aviso-mantenimiento{
        height: 400px;
    }

    .aviso-mantenimiento h1{
        font-size: 5rem;
    }
}

@media screen and (min-width: 1200px) {
    .aviso-mantenimiento{
        height: 600px;
    }

    .aviso-mantenimiento h1{
        font-size: 5rem;
    }
}