#unsubscribe-div {
    background-color: #FFFFFF;
}

    #unsubscribe-div h1 {
        opacity: 1;
        text-align: center;
        width: 528px;
        margin: 160px auto 30px auto;
    }

    #unsubscribe-div #unsubscribe-form {
        width: 545px;
        margin: auto;
    }

        #unsubscribe-div #unsubscribe-form .field-validation-error {
            font-size: 14px !important;
            font-weight: 700;
            color: #d82630; /*SlayIt Red*/
        }

            #unsubscribe-div #unsubscribe-form .field-validation-error::before {
                font-family: 'FontAwesome';
                content: "\f06a";
                margin-right: 6px;
            }

        #unsubscribe-div #unsubscribe-form .validation-summary-errors ul li {
            font-size: 14px !important;
            font-weight: 700;
            color: #d82630; /*SlayIt Red*/
        }

            #unsubscribe-div #unsubscribe-form .validation-summary-errors ul li:before {
                font-family: 'FontAwesome';
                content: "\f06a";
                margin-right: 6px;
            }

    #unsubscribe-div #email-subtext {
        color: #6E7481;
    }

    #unsubscribe-div #unsubscribe-form .row {
        margin-bottom: 20px; /*add bottom space*/
    }

    #unsubscribe-div #unsubscribe-btn {
        color: #FFFFFF;
        background-color: #d82630; /*SlayIt Red*/
        font-weight: 900;
        letter-spacing: 0px;
        text-transform: uppercase;
        width: 100%;
        height: 46px;
        margin: auto;
    }

/* desktop view */
/*@media (min-width: 1024px) {
}*/

/* tablet view */
/*@media (min-width: 768px) and (max-width: 1023px) {
}*/

/* mobile view */
@media (max-width: 767px) {
    #unsubscribe-div #unsubscribe-form {
        width: 325px;
    }

    #unsubscribe-div h1 {
        width: 325px;
    }
}

@media (min-width: 993px) {
    #unsubscribe-div #unsubscribe-form {
        margin-bottom: 170px;
    }
}