html {
    width: 100%;
}

body {
    margin: 0;
    padding: 0;
    width: 100%;
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
}

img {
    display: block !important;
    border: 0;
    -ms-interpolation-mode: bicubic;
}

.ReadMsgBody {
    width: 100%;
}

.ExternalClass {
    width: 100%;
}

    .ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div {
        line-height: 100%;
    }

.MsoNormal {
    font-family: 'Roboto', Arial, Helvetica Neue, Helvetica, sans-serif !important;
}

p {
    margin: 0 !important;
    padding: 0 !important;
}

.images {
    display: block !important;
    width: 100% !important;
}

.display-button td, .display-button a {
    font-family: 'Roboto', Arial, Helvetica Neue, Helvetica, sans-serif !important;
}

    .display-button a:hover {
        text-decoration: none !important;
    }


/* MEDIA QUIRES */
@media only screen and (min-width:799px) {
    .width-auto {
        width: auto !important;
    }

    .main-width {
        width: 600px;
    }

    .width800 {
        width: 800px !important;
        max-width: 800px !important;
    }
}

@media only screen and (max-width:799px) {
    body {
        width: auto !important;
    }

    .display-width {
        width: 100% !important;
    }

    .display-width-inner {
        width: 600px !important;
    }

    .padding {
        padding: 0 20px !important;
    }

    .width800 {
        width: 100% !important;
        max-width: 100% !important;
    }
}

@media only screen and (max-width:639px) {
    body {
        width: auto !important;
    }

    .display-width {
        width: 100% !important;
    }

    .display-width-inner,
    .display-width-child {
        width: 100% !important;
    }

        .display-width-child .button-width .display-button {
            width: auto !important;
        }

    .padding {
        padding: 0 20px !important;
    }

    .res-center {
        margin: 0 auto !important;
        display: table !important;
    }

    .width282 {
        width: 282px !important;
    }

    .div-width {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    .width-auto {
        width: 100% !important;
    }

    .height20 {
        height: 20px !important;
    }

    .height30 {
        height: 30px !important;
    }

    .hide-height, .hide-bar {
        display: none !important;
    }

    .txt-center {
        text-align: center !important;
    }

    .underline-image img {
        margin: 0 auto !important;
    }

    span.unsub-width {
        width: 100% !important;
        display: block !important;
    }

    span.txt-copyright {
        padding-bottom: 10px !important;
    }
}

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

    .display-width table, .display-width-child2 table {
        width: 100% !important;
    }

    .display-width .button-width .display-button {
        width: auto !important;
    }

    .display-width .width282 {
        width: 282px !important;
    }

    .div-width {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    .width-auto {
        width: 100% !important;
        max-width: 100% !important;
    }
}

@media only screen and (max-width:380px) {
    .display-width table {
        width: 100% !important;
    }

    .display-width .button-width .display-button {
        width: auto !important;
    }

    .display-width-child .width282 {
        width: 100% !important;
    }
}