@font-face {
    font-family: proximanova;
    src: url(../fonts/proximanova-black-webfont.eot);
    src: url(../fonts/proximanova-black-webfont.woff2) format("woff2"), url(../fonts/proximanova-black-webfont.woff) format("woff"), url(../fonts/proximanova-black-webfont.ttf) format("truetype");
    font-weight: 900;
    font-style: normal
}

@font-face {
    font-family: proximanova;
    src: url(../fonts/proximanova-extrabold-webfont.eot);
    src: url(../fonts/proximanova-extrabold-webfont.woff2) format("woff2"), url(../fonts/proximanova-extrabold-webfont.woff) format("woff"), url(../fonts/proximanova-extrabold-webfont.ttf) format("truetype"), ;
    font-weight: 800;
    font-style: normal
}

@font-face {
    font-family: proximanova;
    src: url(../fonts/proximanova-bold-webfont.eot);
    src: url(../fonts/proximanova-bold-webfont.woff2) format("woff2"), url(../fonts/proximanova-bold-webfont.woff) format("woff"), url(../fonts/proximanova-bold-webfont.ttf) format("truetype");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: proximanova;
    src: url(../fonts/proximanova-boldit-webfont.eot);
    src: url(../fonts/proximanova-boldit-webfont.woff2) format("woff2"), url(../fonts/proximanova-boldit-webfont.woff) format("woff"), url(../fonts/proximanova-boldit-webfont.ttf) format("truetype");
    font-weight: 700;
    font-style: italic
}

@font-face {
    font-family: proximanova;
    src: url(../fonts/proximanova-semibold-webfont.eot);
    src: url(../fonts/proximanova-semibold-webfont.woff2) format("woff2"), url(../fonts/proximanova-semibold-webfont.woff) format("woff"), url(../fonts/proximanova-semibold-webfont.ttf) format("truetype");
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: proximanova;
    src: url(../fonts/proximanova-regularit-webfont.eot);
    src: url(../fonts/proximanova-regularit-webfont.woff2) format("woff2"), url(../fonts/proximanova-regularit-webfont.woff) format("woff"), url(../fonts/proximanova-regularit-webfont.ttf) format("truetype");
    font-weight: 500;
    font-style: italic
}

@font-face {
    font-family: proximanova;
    src: url(../fonts/proximanova-regular-webfont.eot);
    src: url(../fonts/proximanova-regular-webfont.woff2) format("woff2"), url(../fonts/proximanova-regular-webfont.woff) format("woff"), url(../fonts/proximanova-regular-webfont.ttf) format("truetype");
    font-weight: 500;
    font-style: normal
}

.adrow {
    padding-left: 130px;
    padding-right: 130px;
}

.adrow7 {
    padding-left: auto;
    padding-right: auto;
    margin: 0;
    border: none;
    padding: 0;
    font-size: 0;
}

.adrow7 img {
    margin: 0;
    padding: 0;
    border: 0;
}

#adults {
    width: 100%;
    max-width: 72px;
    height: auto;
    padding-top: 15px;
}

.arrowbg {
    background-image: url("images/arrow.png");
    background-position: right top;
    background-repeat: no-repeat;
}

.attribute {
    margin: 40px 0 0 0;
}

.attibute h2 {
    margin: 0;
    padding: 0;
}

.attleft {
    width: 50%;
    height: 340px;
    margin: 0px;
    padding: 49px 61px 17px 61.7px;
    background-image: linear-gradient(to right, #000947 13%, #141e66 77%);
    display: inline;
    float: left;
    color: #fff;
    text-align: left;
}

.attleft p {
    line-height: 1.43;
    font-size: 28px;
    font-weight: bold;
    padding-top: 0px;
    margin-top: 0px;
}

.attright {
    width: 50%;
    height: 340px;
    display: inline;
    float: left;
    background-image: linear-gradient(to right, #000947 13%, #141e66 77%);
}

.attright iframe {
    width: 100%;
    height: 348px;
}

#backtotop {
    z-index: 2;
    position: relative;
    text-align: center;
    margin: 10px auto 10px auto;
}

.bluewide {
    background-color: #004185;
    text-align: center;
    padding: 20px 0;
    margin: 0 0 20px 0;
    color: #ffffff;
    font-size: 40px;
    font-weight: bold;
}

.blur {
    background-color: #000947;
    background-image: linear-gradient(to right, #000947 13%, #141e66 77%);
}

body {
    margin: 0 auto;
    padding: 0;
    background-color: #fff;
}

body,
div,
p {
    box-sizing: border-box;
    font-family: proximanova !important;
    font-size: 16px;
    line-height: normal;
}

.box {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

#car {
    width: 102.4px;
    height: 46px;
    margin: 0 auto;
    object-fit: contain;
}

.clear {
    clear: both;
}

.center {
    clear: both;
    margin: 0 auto;
    display: block;
    font-size: 16px;
    font-weight: bold;
}

.center img {
    padding: 10px 0;
}

.centerbox {
    margin: 0 auto;
    text-align: center;
    max-width: 1140px;
    height: auto;
}

.centerbox h2 {
    text-align: left;
    font-size: 32px;
    font-weight: bold;
    margin-top: 0;
}

.commleft {
    display: inline;
    float: left;
    width: 50%;
    height: 320.63px;
    padding: 10px;
    margin: 0 auto;
    background-image: url("images/communitybg.jpg");
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    background-size: cover;

}
.commleft img {
    width: auto;
    height: 100%;
    border: none;
    padding: 0;
    margin: 0 auto;
}

.commright {
    display: inline;
    width: 50%;
    height: auto;
    float: left;
    padding: 0;
    vertical-align: middle;

}

.commright iframe {
    width: 634px;
    height: 357px;
}

.commtop {
    display: none;
}

#contactbox {
    width: 100%;
    max-width: 350px;
    height: 60px;
    margin: 14px auto;
    padding: 16px;
    background-color: #f36f21;
    text-align: center;
    font-size: 30px;
    border-radius: 10px;
    transition-duration: 0.2s;
    cursor: pointer;
}

#contactbox:hover {
    background-color: #045ea8;
    color: white;
  }

#contactbox a {
    color: #fff;
    font-weight: bold;
    text-decoration: none;
}


.contactleft {
    width: 100%;
    height: auto;
    display: block;
}

.contactop {
    display: none;
}

.contactright {
    width: 426px;
    display: inline;
    float: left;
    text-align: left;
    line-height: 1.33;
    font-size: 18px;
    font-weight: bold;
}

.contactright img {
    width: 56px;
    height: auto;
    padding: 0 16px 0 108px;
    border: none;
    float: left;
}

.csleft,
.csright {
    width: 50%;
    height: 321px;
    padding: 20px;
    background-color: #000;
    display: inline;
    float: left;
    text-align: center;
}

.csleft p,
.csright p {
    font-size: 22px;
    font-weight: bold;
    line-height: 1.36;
    color: #fff;
    text-shadow: 2px 2px #000;
    padding: 20px;
}

.csleft {
    background-image: url("images/customsolutionsbg-left.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}

.csright {
    background-image: url("images/customsolutionsbg-right.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}

.crcleft {
    float: left;
    display: inline;
    height: auto;
    text-align: right;

}

.crcleft img {
    width: 205px;
    height: 243px;
    margin: 56px 10px 90px 0;

}

.crcright {
    float: left;
    display: inline;
    max-width: 900px;
    height: auto;
    padding: 22px 75px 3px 128px;
}

.delivers {
    font-size: 16px;
    font-weight: bold;
    text-align: left;
    color: #fff;
    width: 50%;
    height: auto;
    display: inline;
    float: left;
    margin: 0 auto;
    text-align: center;
    line-height: 1.5;
    padding: 10px 5px 20px 5px;
}

.delivers img, .center img {
    padding: 10px 0 5px 0;
    width: 80px; 
    height: auto;
}

#digitalcombo {
    width: 100%;
    height: auto;
    border: none;
}

.dignumscreen {
    width: 874px;
    height: 389px;
    margin: 55px 0 90px 461px;
    padding: 326px 65px 39px 189px;
}

.digitalleft {
    display: inline;
    float: left;
    width: 50%;
    height: auto;
    text-align: left;

}

.digitalright {
    display: inline;
    float: right;
    width: 50%;
    height: auto;
    overflow: hidden;
}

.experts a {
    color: #fff !important;
}

.fill1 {
    width: 20px;
    height: 20px;
    margin: 0 0 1px 10px;
    transform: rotate(-315deg);
    background-color: #f36f21;
}

.footerlegal h3, .footerlegal p {
    text-align: left;
}

.footerlogos {
    margin: 20px auto;
    text-align: center;
}
.footerlogos img {
 width: 100%;
 height: auto;
 max-width: 399px;
 border: none;
}

.getstarted {
    width: 100%;
    max-width: 200px;
    height: 40px;
    margin: 0 auto;
    padding: 10px;
    background-color:#045ea8;
    text-align: center;
    font-size: 20px;
    border-radius: 10px;
    transition-duration: 0.2s;
    cursor: pointer;
    float: right;
}

.getstarted:hover {
    background-color: #000947;
    color: white;
  }

.getstarted a {
    color: #fff;
    font-weight: bold;
    text-decoration: none;
}

#goodbox {
    width: 49%;
    height: 236.25px;
    background-color: #045ea8;
    color: #fff;
    text-align: left;
    padding: 10px;
    display: inline;
    float: left;
    margin: 0 10px 0 0;
    overflow: hidden;
}

#goodbox h2 {
    font-size: 20px;
    margin: 10px auto;
}

#goodbox p {
    font-size: 16px;
    line-height: 24px;
    padding: 0px;
    margin: 0px;
}

#goodbox img {
    width: 100%;
    max-width: 320px;
    height: auto;
    padding: 0;
    margin: 0;
}

#goodplayer {
    width: 49%;
    height: 212.06px;
    display: inline-block;
    margin: 0 auto;
    padding: 0px;
}

.gridimg {
    width: 20%;
    max-width: 280px;
    height: auto;
    margin: 0 auto;
    padding: 0;
    padding-bottom: 0px;
    border: none;
    display: inline-block;
}

.iba {
    padding-right: 0;
    width: 60px;
    height: auto;
    display: inline;
    float: right;
    border: none;
}

.learnmorehere {
    padding: 0;
    margin: 40px 0 20px 0;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.25;
    color: #fff;
    display: inline;
}

.learnmorehere a:link,
.learnmorehere a:visited {
    color: #fff;
    text-decoration: none;
}

.learnmorehere img {
    vertical-align: middle;
    padding-left: 10px;
    border: none;

}

.leftcol {
    display: inline;
    float: left;
    width: 50%;
    height: 350px;
    padding: 30px;
    background-image: linear-gradient(to right, #000947 13%, #141e66 77%);
    color: #fff;
    text-align: center;
    text-shadow: 2px 2px #000;
}

.leftcol h3 {
    color: #f36f21;
    font-size: 30px;
    font-weight: bold;
    margin: 0;
    padding: 0;
}

#money {
    width: 82px;
    height: 46px;
    object-fit: contain;
}

.money {
    margin: 0 auto 49px 100px;
}

#monitor {
    width: 100%;
    height: auto;
}

.morelink {
    float: right;
    display: linline;
    color: #9999ff;
    padding: 10px 0 0 0;
}

.morelink img {
    width: 20px;
    height: 20px;
    border: none;
    vertical-align: text-bottom;
    padding: 0 0 0 10px;
}

.morelinkmb {
    display: none;
}

.murrow {
    margin: 10px auto 0 auto;
    padding: 0;
    width: 100%;
    max-width: 399px;
    height: auto;
    display: block;
    border: none;
    float: right;
}

.numbers {
    font-size: 50px;
    font-weight: bold;
    text-align: left;
    color: #99f;
    display: inline;
}

.player-video {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 56.25%;
    border: none;
}

.premfooter {
    max-width: 1140px;
}

.premfooter img {
    float: right;
}

.premleft {
    width: 569px;
    height: 365px;
    float: left;
    margin: 0;
}

.premright {
    width: 569px;
    height: 365px;
    float: left;
    padding: 40px;
    color: #fff;
    margin: 0;
    text-align: left;
    font-size: 16px;
    line-height: 1.5;
    background-color: #045ea8;
}

.premright h3 {
    line-height: 1.33;
    color: #fff;
    font-size: 30px;
    font-weight: bold;
    padding-top: 0px;
    margin: 0 0 5px 0;
}

.premright p {
    line-height: 1.5;
}

.premtextmobile {
    display: none;
}

.rightcol {
    display: inline;
    float: left;
    width: 50%;
    height: 350px;
    background-image: url("images/broadcast-audience-bg.jpg");
    background-color: #000;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    padding: 30px;
}

.rightcol h3 {
    color: #fff;
    font-size: 30px;
    font-weight: bold;
    margin: 0 auto 15px auto;
    text-shadow: 1px 1px #000;
}

.rightcol h4 {
    color: #fff;
    font-size: 24px;
    padding: 0;
    margin: 0 auto;
    text-shadow: 1px 1px #000;

}

.rightcolwrap {
    width: 390px;
    margin: 0 auto;
}

.rightcol p {
    line-height: 1.5;
    font-size: 16px;
    font-weight: 500;
    margin: 0 auto 17px auto;
    text-shadow: 1px 1px #000;
}

.row1 {
    width: 100%;
    background-image: url("images/mastbg.jpg");
    background-color: #000;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    padding: 10px 0 20px 0;
}

.row1 h2 {
    padding: 14px auto 14px auto;
    text-align: left;
}

.row2 {
    background-color: #fe900c;
    color: #fff;
    margin: 0 auto;
    text-align: center;
    width: 100%;
    height: auto;
    font-size: 40px;
    font-weight: bold;
    padding: 20px 10px;
    background-image: linear-gradient(to right, #ff9409 13%, #f36f21 77%);
}

.row2 a {
    color: #fff;
    text-decoration: none;
}

.row2link {
    margin: 0;
    text-decoration: none;
}

.row2link a, .row2link a:link, .row2link a:hover, .row2link a:visited, .row2link a:active {
    border: none; 
    text-decoration: none;
}

.row3 {
    margin: 0 auto;
    display: block;
    color: #fff;
    padding: 40px 0 20px 0;
}

.row3 h2 {
    color: #000947;
    font-size: 40px;
    margin: 0;
    padding: 0 0 12px 0;
    text-align: left;
}

.row4 {
    width: 100%;
    height: auto;
    color: #fff;
    padding: 40px 130px;
}

.row5 {
    padding-top: 40px;
}

.row5 h2 {
    padding: 0 0 12px 0;
    text-align: left;
    font-size: 32px;
    margin: 0;
}

.row6 {
    background-color: #045ea8;
    color: #fff;
    padding: 40px;
    width: 100%;
    margin: 40px 0 0 0;

}

.row6 img {
    width: 570px;
    height: auto;
}

.row6 h2 {
    padding: 0 0 12px 0;
    margin-bottom: 0;
}

.row7 {
    padding-top: 0px;
    margin: 40px 0 0 0;
    text-align: center;

}

.row7 h2 {
    color: #000947;
    padding: 0 0 12px 0;
    margin: 0;
}

.row7 p {
    text-align: left;
    line-height: 1.63;
    font-size: 16px;
    margin: 0;
    padding: 0 0 40px 0;
}

.row8 {
    background-color: #000947;
    display: block;
    color: #fff;
    background-image: linear-gradient(to right, #000947 13%, #141e66 77%);
    background-repeat: no-repeat;
    margin: 40px auto 0 auto;
    padding: 40px 0;
}

.row8 h2 {
    padding: 0;
    margin-bottom: 0;
}

.row8 p {
    text-align: left;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.88;
    color: #fff;
    vertical-align: middle;
}

.row9 {
    margin: 0;
    padding: 40px;
}

.row9 h2 {
    font-size: 32px;
    font-weight: bold;
    color: #000947;
    padding: 0 0 12px 0;
    margin: 0;
}

.row9 p {
    margin: 7px 0 24px 0;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.44;
    color: #000;
    text-align: left;
}

.row10 {
    background-color: #000947;
    background-image: linear-gradient(to right, #000947 13%, #141e66 77%);
    margin: 0;
}

.row10 a {
    color: #9999ff;
    font-weight: bold;
    text-decoration: none;
}

.row10 h2 {
    font-size: 30px;
    color: #fff;
    font-weight: bold;
    padding: 0;
    margin: 0 0 17px 0;
}

.row10 p {
    color: #fff;
    font-size: 18px;
    text-align: left;
    line-height: 1.33;
}

.row11 {
    text-align: left;
    background-color: #fff;
    padding: 0;
}

.row11 h2 {
    font-size: 32px;
    color: #000947;
    font-weight: bold;
    padding: 0 0 12px 0;
    margin: 0;
}

.row11 p {
    text-align: left;
    line-height: 1.44;
    font-size: 18px;
    margin: 0 0 10px 0;
}

.sourcefoot {
    font-size: 14px;
    color: #000947;
    line-height: 1.43;
    text-align: left;
}

.sourcefootrow {
    display: block;
}

.stats, .statslast {
    font-size: 16px;
    line-height: 1.5;
    font-weight: bold;
    padding-bottom: 14px;
}

.successgroup {
    padding-left: auto;
    padding-right: auto;
}

.successimg {
    width: 30%;
    height: auto;
    display: inline;
    float: left;
    text-align: left;
    margin: 0 20px 0 0;
    padding: 0;
}

.successimg img {
    width: 100%;
    height: auto;
    border: none;
    padding: 0;
}

.successimg p, .successimgright p {
    line-height: 1.5;
    padding: 5px 5px 0 1px;
    margin: 0;
}


.threecol {
    padding: 15px;
    margin: 0;
    float: left;
    display: inline;
    color: #000;
    font-weight: bold;
    font-size: 14px;
    vertical-align: middle;
    text-align: left;
}

.typeform-widget {
    height: 500px;
}

.video-container {
    position: relative;
    overflow: hidden;
}

#ytplayer {
    width: 100%;
    height: 56.25%;
    position: relative;
}

@media only screen and (max-width: 2560px) {
    #goodbox, #goodplayer {
        height: 314.2px;
    }
}

@media only screen and (max-width: 1440px) {
    .attleft {
        padding: 20px;
    }
    .attleft, .attright {
        height: 320.63px;
    }

    .crcleft {
        width: 30%;
        height: auto;
        display: inline;
    }

    .crcright {
        width: 70%;
        height: auto;
        display: inline;
    }

    .gridimg {
        width: 100%;
        max-width: 276px;
        height: auto;
        border: none;
        margin: 0;
        padding: 0;
    }


    .money {
        margin: 0;
        width: 100%;
        text-align: center;
        padding: 0px;
    }

    #monitor {
        width: 100%;
        max-width: 500px;
        height: auto;
    }

    .premleft {
        width: 50%;
    }

    .premleft img {
        width: 100%;
        height: auto;
        padding: 0;
        margin: 0;
    }

    .premright {
        padding: 30px;
    }

    .premright {
        width: 50%;

    }

    .rightcol h3 {
        margin: 0 auto 15px auto;
    }

    .row7 {
        padding: 0 20px;
    }

    .sourcefootrow {
        margin: 0px;
        padding: 0px;
    }

}

@media only screen and (max-width: 1140px) {
    .adrow {
        padding-left: 130px;
        padding-right: 130px;
    }

    .attleft {
        height: 247.5px;
        font-size: 16px;
        padding: 10px;
    }

    .attleft p {
        font-size: 23px;
    }

    .attright {
        height: 247.5px;
    }

    .commleft, .commright {
        height: 247.5px
    }

    .crcleft img {
        margin: 56px 0 0 0;
    }

    .crcright {
        padding: 0 0 0 40px;
    }
    .crcright p {
        padding: 0;
        margin: 18px 0 0 0;
    }

    #goodbox {
        height: 242.53px;
        margin: 0 10px 0 0;
        width: 49%;
    }

    #goodbox p {
        font-size: 14px;
    }

    #goodplayer {
        width: 49%;
        height: 242.53px;
    }

    .premleft {
        height: 281.75px;
    }

    .premright {
        padding: 10px;
        height: 281.75px;
    }

    .premright h3 {
        margin: 0 0 10px 0;
        font-size: 24px;
    }

    .row1 {
        padding-bottom: 20px;
    }
    .row3 {
        padding: 40px 130px 20px 130px;
    }

    .row3 h2 {
        margin: 0;
    }

    .row4 {
        height: auto;
        padding: 54px 130px 40px 130px;
    }

    .row7 {
        padding: 0 130px;
    }

    .row10 {
        padding: 40px 130px 40px 130px;
    }

    .row11 {
        padding: 0 130px;
    }
    .threecol {
        width: 50%;
    }

}

@media only screen and (max-width: 1139px) { 
    .adrow, .row7, .row7 p  {
        padding-left: 40px;
        padding-right: 40px;
    }
    .attleft, .attright {
        height: 280.97px;
    }
    .commleft {
        height: auto;
    }

    #goodbox, #goodbox {
        height: 291.88px;
    }

    .premleft, .premright {
        height: 319.20px;
    }

    .row7 h2 {
        font-size: 32px;
        padding: 0 40px;
    }

    .row7 p {
        font-size: 16px;
        padding: 0 40x;

    }

}

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

    .adrow {
        padding-left: auto;
        padding-right: auto;
    }

    .attleft {
        width: 50%;
        height: 268.5px;
    }

    .attleft p {
        font-size: 18px;
    }
    .attribute {
        margin: 40px 0 0 0;
    }

    .attright {
        height: 268.5px;
        padding: 0;
    }

    .centerbox {
        max-width: 1024px;
    }

    .commleft, .commright {
        height: 265.5px;
    }

    .contactleft p {
        width: 100%;
    }

    .contactright {
        max-width: 300px;
        height: auto;
        display: inline;
        float: left;
    }

    .contactright img {
        padding: 0 16px 0 0;
    }

    .crcleft {
        float: left;
        display: block;
        width: 40%;
        height: auto;
        text-align: right;

    }

    .crcleft img {
        width: 80%;
        height: auto;
        border: 0;
        margin: 0 142px 0 0;
        padding: 0;

    }

    .crcright {
        float: left;
        display: block;
        width: 60%;
        height: auto;
        padding: 0px;
    }

    #goodbox, #goodplayer {
        height: 260.17px;
    }

    .leftcol, .rightcol {
        height: 350px;
    }

    .money {
        width: 257px;
        display: block;
        float: left;
        margin: 0 auto;
    }

    #monitor {
        max-width: 100%;
        height: auto;
    }

    .morelink {
        font-size: 14px;
    }

    .premleft {
        width: 50%;
        height: 302.23px;
        padding: 0px;
        margin: 0px;
    }

    .premleft img {
        width: 100%;
        height: auto;
        padding: 0;
        margin: 0;
    }

    .premright {
        width: 50%;
        height: 302.23px;
        font-size: 14px;
        padding: 16px;
    }

    .premright h3 {
        font-size: 20px;
        margin: 0px;
        padding: 0px;
    }

    .rightcol h3 {
        font-size: 24px;
    }

    .rightcol h4 {
        font-size: 20px;
    }

    .rightcolwrap {
        width: 100%;
    }

    .row1 {
        height: 410px;
    }

    .row4 {
        width: 100%;
        height: auto;
    }
    .row6 {
        margin: 40px 0 0 0;
    }

    .row7 {
        padding: 0;

    }

    .row9 p {
        width: 100%;
    }

}

@media only screen and (max-width: 899px){
    .getstarted {
        margin: 10px auto 0 auto;
        float: none;
    }
}

@media only screen and (max-width: 768px) {
    .attleft {
        width: 50%;
        height: 196.5px;
        margin: 0px;
        padding: 20px;
    }

    .attleft p {
        font-size: 14px;
    }

    .attribute {
        margin: 40px 0 0 0;
    }

    .attright {
        width: 50%;
        height: auto;
    }

    .attright iframe {
        width: 100%;
        height: 158px;
    }

    #car {
        width: 45%;
        height: auto;
    }

    .commleft, .commright {
        height: 193.5px;
    }

    .delivers {
        padding: 10px 0 40px 0;
    }

    .delivers img, .center img {
        width: 60px;
        height: auto;
    }

    #goodbox, #goodplayer {
        height: 189.61px;
    }

    #goodbox {
        margin: 0 10px 0 0;
        overflow: auto;
        padding: 10px;
    }

    #goodplayer {
        width: 49%;
    }

    .intro p {
        overflow: auto;
    }

    .leftcol, .rightcol {
        height: 450px;
    }

    .money {
        padding-right: 10px;
        width: 100%;
    }

    .money img {
        width: 30%;
        height: auto;
    }

    #money {
        width: 20%;
        height: auto;
    }

    .premleft, .premright {
        height: 219.84px;
    }

    .premright {
        overflow: auto;
    }

    .rightcolwrap {
        width: 100%;
    }

    .rightcol {
        padding: 30px 20px;
    }

    .rightcol h3 {
        font-size: 20px;
    }

    .rightcol h4 {
        font-size: 18px;
    }

    .rightcol p {
        line-height: 1.43;
        font-size: 14px;
        font-weight: normal;
        margin: 0 auto 17px auto;
    }

    .rightcolwrap {
        width: 100%;
        height: auto;
    }

    .rightcolwrap h3 {
        margin-top: 0;
    }

    .row1 {
        height: 340px;
    }

    .row3 h2 {
        margin-top: 0;
    }

    .row6 {
        margin: 40px 0 0 0;
    }

    .row8 {
        padding: 40px 40px 0 40px;
    }

    .row9 {
        padding: 40px 40px 20px 40px
    }

    .row9 p {
        margin: 0 0 20px 0;
    }

    .sourcefootrow img {
        display: block;
        float: none;
        margin: 0 auto;
    }

    .successimg {
        margin: 20px 0 40px 0;
        display: block;
        float: none;
        width: 100%;
    }

    .successimg img {
        width: 100%;
        height: auto;
        border: none;
    }

}

@media only screen and (max-width: 600px) {
    .adrow {
        padding-left: 80px;
        padding-right: 80px;
    }
    .attleft {
        width: 100%;
        height: auto;
        margin: 0 auto;
        padding: 0 16px;
        display: block;
        float: none;
        text-align: center;
    }

    .attleft p {
        margin: 0 0 17px;
        font-size: 16px;
        font-weight: 500;
        line-height: 1.5;
        text-align: center;
    }

    .attribute {
        padding: 47px 16px 0 16px;
        background-image: linear-gradient(to right, #000947 13%, #141e66 77%);
        margin: 0;
    }

    .attribute h2 {
        color: #fff;
    }

    .attribute h3 {
        color: #fff;
    }

    #attributiontitle {
        color: #fff;
    }

    .attright {
        width: 100%;
        height: auto;
        display: block;
        float: none;
        margin-top: 38px;
        padding: 0;
    }

    .attright iframe {
        width: 100%;
        height: 196px;
    }

    #backtotop {
        margin: 0 auto 20px auto;
        width: 100%;
    }

    #backtotop a:link,
    #backtotop a:visited {
        text-decoration: none;
        color: #000;
    }

    #backtotop {
        margin: 40px auto 10px auto;
    }

    .bluewide {
        font-size: 20px;
    }

    .centerbox {
        max-width: 425px;
    }

    .commleft {
        display: block;
        float: none;
        width: 100%;
        height: auto;
        padding: 20px;
        margin: 0;

    }

    .commleft img {
        width: 100%;
        height: auto;
    }

    .commright {
        display: none;
        margin: 0;
        padding: 0;

    }

    .commtop {
        display: block;
        width: 100%;
        height: auto;
        float: none;
        padding: 0;
        margin: 0 auto;
        text-align: center;

    }

    .commtop iframe {
        width: 100%;
        height: 250px;
    }

    .contactop {
        width: 100%;
        display: inline;
        float: left;
        text-align: left;
        line-height: 1.33;
        font-size: 18px;
        font-weight: bold;
        text-align: center;
        margin: 0 auto;
    }

    .contactop img {
        width: 34px;
        height: auto;
        padding: 0;
        margin: 0;
        float: none;
        text-align: center;
    }

    .contactop p {
        margin: 9px 17px 24px 17px;
        font-size: 16px;
        font-weight: bold;
        line-height: 1.5;
        color: #000947;
    }

    .contactright {
        display: none;
    }

    .contactright img {
        display: none;
    }

    .crcleft {
        float: none;
        display: block;
        width: 100%;
        height: auto;
        text-align: center;

    }

    .crcleft img {
        width: 77px;
        height: 89px;
        border: 0;
        margin: 0;
        padding: 0;

    }

    .crcright {
        float: none;
        display: block;
        width: 100%;
        height: auto;
        padding: 0px;
    }

    .csleft, .csright {
        width: 100%;
        height: 321px;
        display: block;
        float: none;
        text-align: center;
    }

    .delivers {
        display: block;
        float: none;
        padding: 0;
    }

    .delivers img, .center img {
        width: 40px;
    }

    .digitalleft {
        display: block;
        float: none;
        width: 100%;
        height: auto;
        text-align: center;
    }

    .digitalleft h2 {
        font-size: 24px;
        text-align: center;
        margin: 0;
        padding: 0 0 17px 0;
    }

    .digitalright {
        display: block;
        float: none;
        width: 100%;
        height: auto;
        padding-bottom: 0;
        margin-bottom: 0;
    }

    .digitalright img {
        width: 100%;
        height: auto;
    }

    .fill1 {
        width: 20px;
        height: 20px;
        margin: 0 0 1px 10px;
        transform: rotate(-315deg);
        background-color: #f36f21;
    }

    #goodbox {
        width: 100%;
        height: auto;
        padding: 32px 23px;
        display: block;
        float: none;
        margin-right: 0;
    }

    #goodbox h2 {
        font-size: 22px;
    }

    #goodbox p {
        font-size: 16px;
        line-height: 24px;
        padding-bottom: 0px;
        margin-bottom: 0px;
    }

    #goodplayer {
        width: 100%;
        height: auto;
        display: block;
        margin: 0 auto;

    }

    .gridimg {
        width: 50%;
    }

    .iba {
        width: 49px;
        height: auto;
    }

    .learnmorehere {
        font-size: 16px;
        font-weight: bold;
        line-height: 1.25;
        display: inline;
        text-align: center;

    }

    .learnmorehere img {
        vertical-align: middle;
        padding-left: 10px;

    }

    .leftcol, .rightcol {
        height: 510px;
        padding: 10px;
    }

    .money {
        clear: both;
        text-align: center;
        width: 100%;
    }

    .morelink {
        display: none;
    }

    .morelinkmb {
        display: block;
        margin: 35px 0 0 0;
        padding: 0;
        font-size: 16px;
        font-weight: bold;
        line-height: 1.25;
        color: #99f;
        text-align: center;
    }

    .morelinkmb img {
        width: 20px;
        height: 20px;
        vertical-align: text-bottom;
        border: none;
        padding-left: 10px;
    }

    .numbers {
        padding: 0;
        display: block;
        margin: 0 auto;
        text-align: center;
    }

    .premleft {
        width: 100%;
        height: auto;
        float: none;
        margin: 0;
        padding: 0;
        display: block;
        font-size: 0;
    }

    .premleft img {
        width: 100%;
        height: auto;
        border: none;
        padding: 0;
        margin: 0;
    }

    .premright {
        width: 100%;
        height: auto;
        display: block;
        float: none;
        padding: 16px;
        color: #fff;
        margin: 0;
        text-align: left;
        font-size: 16px;
        line-height: 1.5;
    }

    .premright h3 {
        font-size: 24px;
        margin: 0 auto;
        text-align: center;
        padding: 0;
    }
    .premright {
        padding: 20px 20px 40px 20px;
    }
    .premright p {
        line-height: 1.5;
        font-size: 16px;
        text-align: center;
        padding: 0px;
    }

    .premright ul {
        margin: 0 0 10px 0;
    }

    .premtextmobile, .premtitle {
        display: none;
    }

    .premtextmobile p {
        margin: 0;
        padding: 0;
    }

    .rightcol {
        padding: 10px;
    }

    .row1 {
        padding: 60px 24px 0 24px;
        height: 700px;
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: center;
        background-size: cover;

    }

    .row2 {
        font-size: 20px;
        padding: 10px;
    }

    .row3 {
        padding: 40px 0 20px 0;
    }

    .row3 h2 {
        font-size: 20px;
        padding: 0 0 20px 0;
        margin: 0 auto;
        text-align: center;
    }

    .row4 {
        width: 100%;
        height: auto;
        padding: 40px 0 20px 0;
    }

    .row5 {
        padding: 40px 0 40px 0;
    }

    .row5 h2 {
        margin: 0 auto;
        font-size: 24px;
        font-weight: bold;
        color: #000947;
        text-align: center;
        padding: 0 0 8px 0;
    }

    .row6 {
        background-color: #02549d;
        background-image: url("images/row06-bg.jpg");
        background-size: cover;
        background-repeat: no-repeat;
        color: #fff;
        padding: 40px 0 20px 0;
        width: 100%;
        margin: 0 auto;
    }

    .row6 img {
        width: 100%;
        height: auto;
    }

    .row6 h2 {
        margin: auto;
        font-size: 24px;
        font-weight: bold;
        color: #fff;
        padding-bottom: 17px;
        text-align: center;
    }

    .row7 {
        padding: 0;

    }

    .row7 h2 {
        margin: 0 0 8px 0;
        font-size: 24px;
        font-weight: bold;
        text-align: center;
        padding: 0;
    }

    .row7 p {
        font-size: 16px;
        font-weight: 500;
        line-height: 1.63;
        text-align: center;
        color: #000;
        padding: 0 20px 20px 20px;
    }

    .row8 {
        background-color: #000947;
        padding: 40px 20px 0 20px;
        margin: 0 auto;
    }

    .row8 h2 {
        font-size: 24px;
        font-weight: bold;
        margin: 0 0 8px 0;
        text-align: center;
    }

    .row8 p {
        text-align: left;
        font-size: 16px;
        font-weight: 500;
        line-height: 1.5;
        color: #fff;
        margin: 0;
    }

    .row9 {
        padding: 40px 0 0 0;
        margin: 0 auto;

    }

    .row9 h2 {
        font-size: 24px;
        text-align: center;
        width: 100%;
        margin: 0;
        padding: 0 0 8px 0;
    }

    .row9 p {
        margin: 0px;
        padding: 16px 0;
        font-size: 16px;
        line-height: 1.5;
        text-align: left;
    }

    .row10 {
        padding: 36px 27px 53px 27px;
    }

    .row10 h2 {
        font-size: 24px;
        margin: 11px 0 24px 0;
        text-align: center;
    }

    .row10 a {
        color: #9999ff;
        font-weight: bold;
        text-decoration: none;
    }

    .row10 p {
        font-size: 16px;
        line-height: 1.5;
        margin: 16px 0 0 0
    }

    .row11 {
        padding: 20px 0 0 0;
    }

    .row11 h2 {
        font-size: 24px;
        margin: 0 0 8px 0;
        text-align: center;
    }

    .row11 p {
        text-align: left;
        line-height: 1.5;
        font-size: 16px;
        font-weight: 500;
    }

    .sourcefoot {
        font-size: 14px;
        width: 100%;
        font-weight: 600;
    }

    .sourcefootrow {
        display: block;
    }

    .stats {
        padding: 0 0 18px 0;
        text-align: center;
        margin: 0 auto;
        display: block;
        width: 100%;
    }

    .statsbtm {
        width: 80%;
        padding-bottom: 17px;
        text-align: center;
    }

    .statslast {
        width: 100%;
        display: block;
        margin: 0 auto;
    }

    .threecol {
        padding: 10px 10px 0 10px;
        margin: 0;
        float: left;
        display: inline;
        color: #000;
        font-weight: bold;
        font-size: 14px;
        width: 100%;
        vertical-align: middle;
        text-align: left;

    }

    .typeform-widget {
        height: 500px;
        display: block;
    }

}

@media only screen and (max-width: 460px) {
    .adrow {
        padding-left: 40px;
        padding-right: 40px;
    }

    .delivers {
        padding: 10px 0 10px 0;

    }

    .delivers img, .center img {
        width: 60px;
        margin-bottom: 5px;
    }

    .leftcol, .rightcol {
        display: block;
        float: none;
        width: 100%;
        height: 450px;
        padding: 20px;
    }

    .rightcol h3 {
        font-size: 18px;
    }
    .rightcol h4 {
        font-size: 16px;
    }

    .rightcol p {
        font-size: 12px;
    }

    .row1 {
        height: 700px;
    }
    .row8 {
        padding: 40px 20px 0 20px;
    }
    .row9 p {
        padding: 10px 0 20px 0;
    }
    .row11 h2 {
        margin: 0;
    }

    .statsbtm, .statslast {
        width: 100%;
        display: block;
        margin: 0 auto;
    }
    .sourcefootrow img {
       padding: 20px 0 0 0;
    }

   
}

@media only screen and (max-width: 380px) {
    .adrow {
        padding: 0 20px;
    }
    #adults {
        max-width: 60px;
        padding-top: 5px;
    }

    .attribute {
        padding: 40px 16px 0 16px;
    }

    .attribute h2 {
        color: #fff !important;
    }

    .bluewide {
        font-size: 20px;
        margin: 0 0 20px 0;
    }

    .centerbox {
        max-width: 380px;
        padding: 0;
    }

    .footerlogos {
        margin: 0 auto;
    }

    .footerlogos img { 
        max-width: 300px;
    }

    #goodplayer {
        height: auto;
    }

    .leftcol, .rightcol {
        height: 400px;
    }

    .murrow {
        margin: 10px auto 0 auto;
        padding: 20px 0 0 0;
        width: 80%;
        float: none;
        display: block;
    }

    .premright {
        padding-bottom: 40px;
    }

    .premright h3 {
        font-size: 20px;
    }
    .premright ul {
        margin: 0 0 10px 0;
    }
    .premtextmobile {
        display: none;
    }
    .premtitle {
        display: none;
    }

    .row1 {
        padding: 10px 10px 0 10px;
        height: 670px;
    }
    .row2 {
        padding: 20px;
    }
    .row3 {
        padding: 20px 0 10px 0;
    }

    .row4 {
        padding: 47px 20px 20px 20px;
    }
    .row5 {
        padding: 20px;
    }

    .row5 h2 {
        color: #fff;
    }

    .row6 {
        padding: 20px;
    }

    .row7 {
        padding: 0;
    }

    .row7 h2 {
        padding: 0;
    }
    .row8 {
        padding: 40px 20px 0 20px;
    }
    .row9 {
        padding: 40px 0 0 0;
    }

    .row9 p {
        padding: 16px 24px;
    }

    .row10 {
        padding: 40px 27px 40px 27px;
    }

    .row11 {
        padding: 0;
    }

    .row11 h2 {
        margin: 0;
        padding: 0;
    }

    .row11 p {
        margin: auto;
        padding: 20px;
    }

    .statsbtm {
        width: 100%;
        display: block;
        margin: 0 auto;
    }

    .statslast {
        width: 100%;
        display: block;
        margin: 0 auto;
    }

    .successimg {
        width: 100%;
        height: auto;
        display: block;
        float: none;
        margin: 20px 0 30px 0;
        padding: 0;
    }

}

@media only screen and (max-width: 340px) {
    #contactbox {
        max-width: 100%;
        height: auto;
        font-size: 25px;
    }
}

@media only screen and (max-width: 320px) {
    .centerbox {
        max-width: 320px;
    }

    .footerlogos img {
        max-width: 250px;
    }

    .leftcol, .rightcol {
        height: 450px;
    }
    
    .row1 {
        height:auto;
        padding-bottom: 20px;
    }

}

@media only screen and (max-width: 280px) {
    .centerbox {
        max-width: 280px;
    }

    #contactbox {
        font-size: 20px;
    }

}