#id01 .w3-modal-content {
    width: 30%;
}

#id01 p {
    font-size: 1vw;
}

#id01 header {
    padding: 3%;
    background-color: #1c243b!important;
}

#id01 button {
    background-color: #1c243b !important;
    font-size: 1vw;
    margin-bottom: 5%;
}

#id02 .w3-modal-content {
    width: 30%;
}

#id02 p {
    font-size: 1vw;
}

#id02 header {
    padding: 3%;
    background-color: #1c243b !important;
}

#id02 button {
    background-color: #1c243b !important;
    font-size: 1vw;
    margin-bottom: 5%;

}

@media only screen and (max-width: 768px) {
    #id01 .w3-modal-content {
        width: 80% !important;
        margin-left: 10%;
    }

    #id01 p {
        font-size: 3vw;
    }

    #id01 h3 {
        font-size: 4vw !important;
        font-weight: 900;
    }

    #id01 header {
        padding: 3%;
    }

    #id01 button {
        font-size: 3vw;
    }

    #id02 .w3-modal-content {
        margin-left: 10%;
    }

    #id02 p {
        font-size: 3vw;
    }

    #id02 h3 {
        font-size: 4vw !important;
        font-weight: 900;
    }

    #id02 header {
        padding: 3%;
    }

    #id02 button {
        font-size: 3vw;
    }
}