.signUp{
    display:none;
}
.contactSection { 
    display: none; 
    }

.validation-error { 
    display: none; 
    }
.validation-error.validation-error--active {
     display: block; 
     color:red;
     }

.mod-page-wrap{
    display:block;
}
.h1Style{
    margin:2em 0 .5em 0;
}
.chkBoxAlign{
    margin:0 0 0 8.4em;
}
.pStyle{
    text-align:center;
    width:34em;
    margin:0 auto;
}
.checkSavForm{
    width:44em;
    margin:0 auto;
}
.labelAlign {
    display: inline-block;
    width: 8em;
    text-align: right;
    color: #00467f;
    font-weight: 600;
}
.inputAlign {
    display: inline-block;
    width: 30em;
    background: #e8edf0;
}
.chkAlign{
    display: flex;
    margin: 1em 0 1em .5em;
    gap: 10px;
}
.noteAlign{
    display: flex;
    margin: 1em 0 1em 2em;
    flex-direction: column;
}
.alignMargin{
    margin:0 0 0 .5em;
}


@media screen and (max-width:880px){
    .checkSavForm{
        width: auto;
        margin: auto 4em;
    }
    .labelAlign {
        display: block;
        width: auto;
        text-align: left;
    }
}
@media screen and (max-width:800px){
    .inputAlign{
        width:22em;
    }
}
@media screen and (max-width:660px){
    .checkSavForm{
        margin:auto 2em;
    }
}
@media screen and (max-width:600px){
    p, td, li{
        font-size:1em;
    }
}
@media screen and (max-width:575px){
    .inputAlign{
        width:15em;
    }
    .chkAlign{
        flex-wrap:wrap;
    }
    .chkBoxAlign{
        margin:0;
    }
}
@media screen and (max-width:440px){
        .inputAlign {
        width: auto;
    }
    .checkSavForm {
        margin: 0;
    }
}