* {
    padding: 0;
    margin:0;
}
.container {
    width: 100vw;
    margin:auto;
    text-align: center;
    height: 100vh;
    max-width:100%;  /* added */
    background-color: #FEF200;
    font-family: Assistant, Helvetica, Arial, sans-serif;
}

h1 {
    color: #005AAB;
    font-weight:900;
     text-align: center;
     margin-bottom: 20px;
     padding-top:20px;
     width:80%;
     margin:auto;
}

form {
    
    margin: 25px auto;
}

#flex_container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.field {
    width:70%;
    margin:auto;
}

.checkboxfield {
    width:85%;
    margin:auto;
    margin-bottom: 20px;
}

.field label {
    font-size:35px;
}
.checkboxfield label {
    font-size:18px;
}

input[type=text] {
    border:1px solid gray;
    width:100%;
    height: 40px;
    margin-top:10px;
    margin-bottom: 25px;
}

#applycoupon {
    width:70%;
    height: 55px;
    border: 1px solid;
    background-color: #005AAB;
    color:#fff;
    font-size:35px;
}

form input.error {
    border-color: #e74c3c
}

form input.success {
    border-color: #c3e6cb
}