﻿@media only screen and (max-width:1300px){
    .sevenChallenges{
        padding:2rem 0;
    }
    .challengeWrp{
        position:static;
        height:auto;
    }
        .challengeWrp:before,
        .challengeWrp:after{
            content:'';
            display:table;
            float:none;
            clear:both;
        }
    .challengeWrp > div{
        min-height:200px;
        width:23%;
        float:left;
        margin:0 0 1rem 0;
        position:static !important;
    }
    .sevenChallenges.asideBox .challengeWrp > div{
        position:relative !important;
    }
        .challengeWrp > div:nth-of-type(n + 2){
            margin:0 0 1rem 2%;
        }
        
        .challengeWrp > div:nth-of-type(5){
            margin-left:12.5%;
        }
        .sevenChallenges.asideBox .challengeWrp > div:nth-of-type(n + 2){
            margin:0 0 1rem 0;
        }
        .sevenChallenges.asideBox .challengeWrp > div:nth-of-type(5){
            margin-left:0;
        }
}

@media only screen and (max-width:1250px){
    .implementation .heroWrp .imgWrp img{
        top:50%;
    }

}

@media only screen and (max-width:1200px){
    .mainWrp{
        background:white;
    }
    .contentWrp{
        width:95%;
        margin-left:auto;
        margin-right:auto;
    }
    .home .heroWrp .contentWrp h1{
        width:100%;
    }
    .heroWrp .contentWrp p{
        width:80%;
    }
    .featureWrp{
        height:260px;
    }
    .landingFeatures .circle .littleCircle + div{
        top:40%;
    }
    .landingPage .landingFeatures .circle .littleCircle{
        width:30%;
    }
    .landingPage .landingFeatures a.circle h3{
        width:100%;
        margin:.5rem auto;
    }
    .landingPage .landingFeatures a.circle p{
        display:none;
    }
    .contactPage .col-3-4,
    .loginPage .mainWrp > .contentWrp > .colRow > .col-3-4,
    .searchPage .col-3-4{
        width:66%;
    }
    .contactPage .col-1-4,
    .loginPage .mainWrp > .contentWrp > .colRow > .col-1-4,
    .searchPage .col-1-4{
        width:33%;
    }
    .alphaNav li{
        margin-bottom:1rem;
    }
    .alphaNav li a{
        padding:10px;
    }
    .contactPage .heroWrp .imgWrp img{
        height:105%;
        width:auto;
    }
}

@media only screen and (max-width:1100px){
    .topBar .contentWrp{
        width:100%;
    }
    .topBar .col{
        width:100%;
        margin:0;
        float:none;
        text-align:center !important;
    }
        .topBar .colRow > .col:first-of-type{
            box-sizing:border-box;
            -moz-box-sizing:border-box;
            -webkit-box-sizing:border-box;
            height:36px;
            padding:.35rem 0 .15rem 0;
        }
            .topBar .colRow > .col:first-of-type .phone,
            .topBar .colRow > .col:first-of-type .email,
            .topBar .colRow > .col:first-of-type .phone:before,
            .topBar .colRow > .col:first-of-type .email:before{
                color:white;
            }
    .loginPage .loginWrp form > div{
        display:block;
        margin-bottom:1rem;
    }
    .loginPage .loginWrp input{
        width:100%;
    }
    .loginPage .documentsWrp ul li a{
        height:120px;
    }
}

@media only screen and (max-width:1000px){
    .featureWrp{
        border-bottom:none;
        height:auto;
    }
    .featureWrp .feature{
        width:50%;
        height:210px;
        border-bottom:1px solid #999999;
    }
        .featureWrp > .feature:nth-of-type(even){
            border-right:none;
        }
    .landingPage .landingFeatures .circle p{
        display:none;
    }
    
    .sevenChallenges.asideBox p{
        width:100%;
        float:none;
    }
    .sevenChallenges.asideBox .challengeWrp > div:before{
        text-align:center;
        position:static;
        transform:none;
        -webkit-transform:none;
        -moz-transform:none;
        -ms-transform:none;
        -o-transform:none;
    }
    .contentPage .sevenChallenges.asideBox .challengeWrp > div{
        margin-top:0;
    }
}

@media only screen and (max-width:900px){
    .centerBar{
        position:relative;
    }
    .centerBar .colRow > .col:first-of-type,
    .centerBar .col + .col + .col{
        display:none;
    }
    .centerBar .col + .col{
        width:49.5%;
        margin-left:0;
        border-left:none;
        position:absolute;
        left:50%;
        transform:translateX(-50%);
        -webkit-transform:translateX(-50%);
        -moz-transform:translateX(-50%);
        -ms-transform:translateX(-50%);
        -o-transform:translateX(-50%);
    }
    .featureWrp .feature{
        height:230px;
    }
    .home .heroWrp .contentWrp p{
        display:none;
    }
    .contentPage .sevenChallenges{
        padding:.5rem;
    }
    .contactPage .col-3-4,
    .contactPage .col-1-4,
    .searchPage .col-3-4,
    .searchPage .col-1-4{
        width:49%;
    }
    .loginPage .mainWrp > .contentWrp > .colRow > .col{
        width:100%;
        margin:0;
        float:none;
    }
    .contactPage .col-1-4,
    .loginPage .mainWrp > .contentWrp > .colRow > .col-1-4,
    .searchPage .col-1-4{
        margin-left:2%;
    }
    .loginPage .documentsWrp ul li a{
        height:150px;
    }
        .documentsWrp ul li .col-1-4:before{
            font-size:3em;
        }
    .landingFeatures .circle .littleCircle + div{
        top:50%;
    }
    .landingFeatures{
        margin-top:2rem;
    }
        .landingFeatures .col{
            width:100% !important;
            float:none;
        }
            .landingPage .landingFeatures .circle{
                left:25%;
                right:0;
                top:12.5%;
                bottom:12.5%;
            }
                .landingPage .landingFeatures a.circle p{
                    display:block;
                    width:75%;
                    margin:.25em auto;
                }
                .landingPage .landingFeatures .circle .littleCircle{
                    left:-30%;
                    top:50%;
                    transform:translateY(-50%);
                    -webkit-transform:translateY(-50%);
                    -moz-transform:translateY(-50%);
                    -ms-transform:translateY(-50%);
                    -o-transform:translateY(-50%);
                }
                .landingPage .landingFeatures .circle p{
                    display:block;
                }
    .implementation .heroWrp .imgWrp img{
        top:0;
        transform:translateX(-50%);
        -webkit-transform:translateX(-50%);
        -moz-transform:translateX(-50%);
        -ms-transform:translateX(-50%);
        -o-transform:translateX(-50%);
    }

}

@media only screen and (max-width:800px){
    .heroWrp .imgWrp img{
        top:0;
        transform:translateX(-50%);
        -webkit-transform:translateX(-50%);
        -moz-transform:translateX(-50%);
        -ms-transform:translateX(-50%);
        -o-transform:translateX(-50%);
    }
    .home .heroWrp .imgWrp{
        text-align:center;
    }
    .home .heroWrp .imgWrp img{
        width:120%;
    }
}

@media only screen and (max-width:750px){
    .loginPage main .mainWrp > .contentWrp > .colRow > .col{
        width:100% !important;
        float:none;
        margin-left:0 !important;
    }
    .loginPage .documentsWrp ul li a{
        height:120px;
    }
}

@media only screen and (max-width:700px){
    .contactForm .col{
        float:none;
        margin:0 !important;
        width:100% !important;
        padding-bottom:0;
    }
    .contactForm textarea{
        margin-top:20px;
    }
    .contentPage .heroWrp .imgWrp,
    .landingPage .heroWrp .imgWrp,
    .contactPage .heroWrp .imgWrp,
    .thankYouPage .heroWrp .imgWrp{
        position:relative;
        max-height:initial;
        height:400px;
    }

    .topBar .loginWrp,
    .topBar .logoutWrp{
        display:none;
    }
    .topBar .colRow > .col:first-of-type{
        height:auto;
    }
    nav .logoutWrp,
    nav .loginWrp{
        display:block;
    }
    .searchPage .search input[type="text"]{
        width:150px;
    }
}

@media only screen and (max-width:650px){
    .home .heroWrp .imgWrp img{
        width:140%;
    }
    .challengeWrp > div{
        width:32%;
        min-height:280px;
    }
        .asideBox .challengeWrp > div{
            min-height:0;
        }
        .challengeWrp > div:nth-of-type(4){
            margin-left:0;
        }
        .challengeWrp > div:nth-of-type(5){
            margin-left:2%;
        }
        .challengeWrp > div:last-of-type{
            margin-left:50%;
            transform:translateX(-50%);
            -webkit-transform:translateX(-50%);
            -moz-transform:translateX(-50%);
            -ms-transform:translateX(-50%);
            -o-transform:translateX(-50%);
        }
        .asideBox .challengeWrp > div:last-of-type{
            margin-left:0;
            transform:none;
            -webkit-transform:none;
            -moz-transform:none;
            -ms-transform:none;
            -o-transform:none;
        }
}

@media only screen and (max-width:600px){
    .contentPage .heroWrp .imgWrp img,
    .landingPage .heroWrp .imgWrp img,
    .contactPage .heroWrp .imgWrp img,
    .thankYouPage .heroWrp .imgWrp img{
        height:100%;
        width:auto;
    }
    .contactBox,
    .content{
        padding:0;
    }
    .pullQuote{
        width:80%;
    }
    .topBar .contactInfo .phone,
    .topBar .contactInfo .email,
    .topBar .contactInfo .phone:before,
    .topBar .contactInfo .email:before{
        font-size:1.4em;
        font-weight:400;
    }
        .centerBar .col + .col{
            width:100%;
            float:none !important;
        }
    a.logo{
        width:260px;
        height:70px;
    }
    .centerBar .col + .col + .col{
        text-align:center;
        margin-top:0;
    }
    header .search{
        display:inline-block;
    }
    .home .heroWrp .contentWrp h1{
        font-size:3.6em;
    }
    .featureWrp .feature{
        height:270px;
    }
    main .mainWrp > .contentWrp > .colRow > .col,
    footer .col{
        width:100% !important;
        float:none;
        margin-left:0 !important;
    }
    .col + .col{
        margin-left:0;
    }
    .contentPage .mainWrp .contentWrp .content{
        width:initial;
    }
    .asideBox.sevenChallenges{
        margin-top:4rem;
    }
    .asideBox.sevenChallenges > div:nth-of-type(n + 2){
        margin-top:1rem;
    }
    .asideBox.sevenChallenges p{
        width:75%;
        float:right;
        text-align:left;
    }
    .asideBox.sevenChallenges .challengeWrp > div:before{
        position:absolute;
        transform:translateY(-50%);
        -webkit-transform:translateY(-50%);
        -moz-transform:translateY(-50%);
        -ms-transform:translateY(-50%);
        -o-transform:translateY(-50%);
    }
    .about h3 + p{
        float:none;
        width:100%;
        text-align:center;
    }
    .about h3 + p + p{
        float:none;
        width:100%;
    }
    footer .col{
        text-align:center !important;
    }
    footer .contactInfo{
        margin:1rem 0;
    }
    main .col.imgWrp{
        text-align:center;
    }
    .home .mainWrp .pullQuote{
        width:100%;
        transform:none;
        -webkit-transform:none;
        -moz-transform:none;
        -ms-transform:none;
        -o-transform:none;
    }
    footer h4.align-right{
        text-align:center;
    }
    /*.landingFeatures{
        margin-top:2rem;
    }
        .landingFeatures .col{
            width:100% !important;
            float:none;
        }
        .landingFeatures .circle .littleCircle + div{
            top:40%;
        }
            .landingPage .landingFeatures .circle{
                left:25%;
                right:0;
                top:12.5%;
                bottom:12.5%;
            }
                .landingPage .landingFeatures .circle .littleCircle{
                    left:-30%;
                    top:50%;
                    transform:translateY(-50%);
                    -webkit-transform:translateY(-50%);
                    -moz-transform:translateY(-50%);
                    -ms-transform:translateY(-50%);
                    -o-transform:translateY(-50%);
                }
                .landingPage .landingFeatures .circle p{
                    display:block;
                }*/
    .searchPage .search input[type="text"]{
        width:200px;
    }
}

@media only screen and (max-width:500px){
    .heroWrp h1{
        font-size:3.6em;
    }
    .search input[type="text"]{
        width:180px;
    }
    .challengeWrp > div{
        width:49%;
    }
        .challengeWrp > div:nth-of-type(odd){
            margin-left:0;
        }
        .challengeWrp > div:nth-of-type(even){
            margin-left:2% !important;
        }
        .challengeWrp > div:last-of-type{
            margin-left:50%;
            transform:translateX(-50%);
            -webkit-transform:translateX(-50%);
            -moz-transform:translateX(-50%);
            -ms-transform:translateX(-50%);
            -o-transform:translateX(-50%);
        }
    .downloadList .col{
        padding:0;
    }
    .loginPage .documentsWrp ul li a{
        height:150px;
    }
        .downloadList li a h3{
            font-size:1.2em;
            left:20px;
        }
    .landingFeatures .col{
        margin-top:4rem;
    }
    .landingPage .landingFeatures .circle{
        left:7.5%;
        right:7.5%;
        top:7.5%;
        bottom:7.5%;
    }
        .landingPage .landingFeatures a.circle p{
            display:none;
        }
        .landingPage .landingFeatures .circle .littleCircle{
            top:-30%;
            left:50%;
            transform:translateX(-50%);
            -webkit-transform:translateX(-50%);
            -moz-transform:translateX(-50%);
            -ms-transform:translateX(-50%);
            -o-transform:translateX(-50%);
        }
}

@media only screen and (max-width:475px){
    .home .heroWrp .buttonWrp{
        padding:0;
    }
    .featureWrp .feature{
        width:100%;
        float:none;
        height:auto;
        padding:30px 20px 80px 20px;
        border-right:none;
    }
        .featureWrp .feature > div{
            margin:0;
        }
}

@media only screen and (max-width:450px){
    header .col{
        float:none !important;
        margin-left:0 !important;
        width:100% !important;
    }
    .centerBar .col + .col{
        text-align:center;
    }
    a.logo{
        margin:0 auto;
    }
    
    .challengeWrp{
        width:95%;
    }
    /*.landingFeatures .col{
        margin-top:4rem;
    }
    .landingPage .landingFeatures .circle{
        left:7.5%;
        right:7.5%;
        top:7.5%;
        bottom:7.5%;
    }
        .landingPage .landingFeatures .circle .littleCircle{
            top:-30%;
            left:50%;
            transform:translateX(-50%);
            -webkit-transform:translateX(-50%);
            -moz-transform:translateX(-50%);
            -ms-transform:translateX(-50%);
            -o-transform:translateX(-50%);
        }*/
}

@media only screen and (max-width:400px){
    .topBar .logoutWrp,
    .topBar .loginWrp,
    .topBar .search{
        float:none;
        width:100%;
    }
    .topBar .colRow > .col:first-of-type{
        padding:.5rem 0;
    }
    .topBar .contactInfo .phone,
    .topBar .contactInfo .email,
    .topBar .contactInfo .phone:before,
    .topBar .contactInfo .email:before{
        font-size:1.2em;
        font-weight:400;
    }
    .home .heroWrp .buttonWrp{
        display:none;
    }
    .home .heroWrp .imgWrp img{
        width:auto;
        height:300px;
    }
    .challengeWrp > div{
        width:100%;
        margin:0 0 1rem 0 !important;
        min-height:0;
        transform:none !important;
        -webkit-transform:none !important;
        -moz-transform:none !important;
        -ms-transform:none !important;
        -o-transform:none !important;
    }
    .challengeWrp > div:nth-of-type(even){
        margin-left:0 !important;
    }
    .loginPage .documentsWrp ul li a{
        height:180px;
    }
}

@media only screen and (max-width:375px){
    .landingPage .landingFeatures .circle p{
        display:none;
    }
}