body {
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 100vh;
}

.modal-header, h4 {
    background-color: #133984;
    color: white !important;
    text-align: center;
    font-size: 30px;
}

.container {
    position: relative;
    top: 130px;
    font-family: Arial;
}

@media screen and (max-width:1200px) {

    .modal-content {
        margin-top: 40%;
    }
}

@media screen and (max-width:767px) {

    .modal-content {
        margin-top: 35%;
    }
}

@media screen and (max-width:730px) {

    .modal-content {
        margin-top: 38%;
    }
}

@media screen and (max-width:531px) {

    .modal-content {
        margin-top: 53%;
    }
}

@media screen and (max-width:431px) {

    .modal-content {
        margin-top: 70%;
    }
}

@media screen and (max-width:420px) {

    .modal-content {
        margin-top: 80%;
    }
}

@media screen and (max-width:380px) {

    .modal-content {
        margin-top: 100%;
    }
}