.modal {
    width: 1000px !important;
    padding: 15px 50px !important;
    max-width: 1000px !important;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

@media (820px < width <= 1024px) {
    .modal {
        width: 800px !important;
        padding: 10px 35px !important;
        max-width: 800px !important;
    }
}

@media (420px < width <= 820px) {
    .modal {
        width: 400px !important;
        padding: 5px 20px !important;
        max-width: 400px !important;
    }
}

@media (width <= 420px) {
    .modal {
        width: 300px !important;
        padding: 5px 5px !important;
        max-width: 300px !important;
    }
}

.login h1 a {
    width: 200px !important;
    height: 65px !important;
    background-size: contain !important;
}