@charset "utf-8";
/* CSS Document */


@media only screen and (min-width: 700px) {
    
    
    .nav {
        width: 50%;
    } 
    
    .navEnv {
        margin: 180px 0 0 80px;
    }
    
    /*
    .mveLogo {
        width: 210px;
        height: 108px;
    }  
    */
    .navButton {
        width: 39px;
        height: 29px;
        margin: 73px 73px 0 0;
    }

    
    /* SUBNAV ///////////////////////////////////////////////////  */
    
    .subNavEnv {    
        width: calc(100% - 60px);
        padding: 25px 30px;
        font-size: 18px;
        letter-spacing: 0.1rem;
        z-index: 100;
    }
    
    .subNavPointer {
        width: 15px;
        height: 15px;
    }
    
    .subSubNavCell {
        font-size: 16px;
    }  
    
    
    /* HERO ///////////////////////////////////////////////////  */

    .heroEnv {
        height: 600px;
    }
    
    .heroEnvCover {
        height: 950px;
    }
    
    
    
    /* STATS ///////////////////////////////////////////////////  */ 
    
    .stats {
        width: 80%;
        padding: 90px 10%;
    }


    .statsEnv {
        float: none;
        display: flex;
        max-width: 1500px;
        margin: 0 auto;
        border: none;
        border-left: 2px solid #000;
        border-right: 2px solid #000;
    }

    .statsCell {
        flex: 1 1;
        float: left;
        padding: 50px 0;
        text-align: left;
    }   

    .statsCellBorder {
        float: left;
        width: 3px;
        height: auto;
        background-image: url("../images/dottedVertical.gif");
        background-repeat: repeat-y;
    }

    .statsTextCell {
        max-width: fit-content;
        margin: 0 auto ;
        font-family: "Oswald", sans-serif;
        letter-spacing: 0.05rem;
    }

    .statsTextCell .number {
        font-size: 24px;
        font-weight: bold;
    }

    .statsTextCell .desc {
        font-size: 16px;
    }
     
    
    /* CONNECT ///////////////////////////////////////////////////  */
    
    .connectEnv {
        display: flex;
        margin: 0 auto;
        width: 100%;
        padding: 0;
    }

    .connectLeftEnv {
        float: left;
        width: calc(50% - 30px);
        height: 100%;
        padding: 90px 0 0 30px;
        text-align: left;
    }

    .connectRightEnv {
        float: left;
        width: 50%;
        max-height: 500px;
        flex-grow: 1;
    }
    
    
    
    /* NEWS ///////////////////////////////////////////////////  */
    
    .newsSingleEnvImage {
        width: 50%;
        padding-bottom: 40%;
    }

    .newsSingleEnvTextCell {
        width: 38%;
        margin: 0 3%;
        padding: 0 2%;
    }
    

    .newsMultipleCell {
        width: 33.333%;
        border-right: #FFF 1px solid;
    }


    .newsMultipleTextCell {
        width: calc(100% - 3px);
        margin-top: 45px;
    }

    
    .newsMultipleText .title {
        margin-bottom: 30px;
    }

    .newsMultipleText .sub {
        margin-bottom: 30px;
    }
 
  


    
    .dottedBG {
        background-image: url("../images/dottedVertical.gif");
        background-repeat: repeat-y;
        background-position: left;
    }
    
    
    .dottedBGR {
        background-image: url("../images/dottedVertical.gif");
        background-repeat: repeat-y;
        background-position: right;
    }
    
    
    /* PROJECTS ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////  */
    
    
    
    /* PROJECT LIST ///////////////////////////////////////////////////  */
    
    

    .projectsCell {
        width: 33.333%;
        border-right: #FFF 1px solid;
    }
    
    .projectsText {
        padding: 0 20% 0 30px;
    }

    .projectsCell .cell {
        width: calc(100% - 3px);

    }

    .projectsCell .sub {
        margin-bottom: 30px;
    } 
    
  
    
 /* LEADERSHIPO LIST ///////////////////////////////////////////////////  */
    
    

    .leadershipCell {
        width: 33.333%;
        border-right: #FFF 1px solid;
        
    }

    .laedershipText {
        padding: 0 20% 0 30px;
    }
    
    
    .leadershipCell .cell {
        width: calc(100% - 3px);
    }


    .leadershipCell .sub {
        margin-bottom: 30px;
    } 
    
    
    /* FOOTER ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////  */

    .footerEnv {
        font-size: 12px;
    }
    
    .footerLeft {
        width: 75%;
    }

    .footerRight {
        width: 25%;
        text-align: right;
    }

   .socialLink {
        float: right;
        margin: 45px 0 0 30px;
    } 
    
    
    
    
    
    
    
    
    
    
}


@media only screen and (min-width: 900px) {
    
    
    
    /* HERO ///////////////////////////////////////////////////  */

    .heroEnv {
        height: 100vh;
    }
    
    .heroEnvCover {
        height: 100vh;
    }
    
    .heroEnvBG {
        background-size: contain;
    }

    
    
    /* PROJECT INFO ///////////////////////////////////////////////////  */
    
    .projectInfo {
        display: flex;
        font-size: 18px;
    }
    
    .projectInfo .left {
        flex-grow: 100;
        width: calc(33.333% - 60px);
        padding: 0 30px;
        background-image: url("../images/dottedVertical.gif");
        background-repeat: repeat-y;
        background-position: right;
    }

    .projectInfo .right {
        width: calc(66.666% - 60px);
        margin: 0 30px;
    }

    .projectImgEnv1 {
        width: 100%;
    }

    
    /* both images horizontal */
    .projectImgEnv1 .left {
        width: 50%;
        padding-bottom: 33%;
        border-bottom: none;
        border-right: 1px #FFF solid;
    }
    .projectImgEnv1 .right {
        width: 50%;
        padding-bottom: 33%;
        border-bottom: none;
    }

    /* left image vertical, right image horizontal */
    .projectImgEnv1 .leftVH {
        width: 33.333%;
        padding-bottom: 50%;
        border-bottom: none;
        border-right: 1px #FFF solid;
    }
    .projectImgEnv1 .rightVH {
        width: 66.666%;
        max-height: 1px;
        padding-bottom: 40%;
    }

    /* left image hoirzontal, right image vertical */
    .projectImgEnv1 .leftHV {
        width: 66.666%;
        padding-bottom: 40%;
        border-bottom: none;
        border-right: 1px #FFF solid;
    }
    .projectImgEnv1 .rightHV {
        width: 33.333%;
        padding-bottom: 50%;
    }

    /* both images vertical */
    .projectImgEnv1 .leftVV {
        width: 33.333%;
        padding-bottom: 50%;
        border-right: 1px #FFF solid;
    }
    .projectImgEnv1 .rightVV {
        width: 33.333%;
        margin-right: 33.333%;
        padding-bottom: 50%;
    }
    
    
    /* COMMENT ///////////////////////////////////////////////////  */
    
    .commentCellLeft {
        diplay: block;
        float: left;
        width: 33.333%;
        margin-top: 83px;
        font-size: 16px;
        text-align: right;
    }

    .commentCellRight {
        width: 66.666%;
        margin: 0;
    }
    
    .commentCellLeft1 {
        display: block;
        float: right;
        margin: 0 30px 100px 0;
        font-size: 16px;
        text-align: right;
    }

    .commentCellRight1 {
        margin: 15px 0 150px 30px;
    }
    
    .commentCellRight2 {
        display: none;
    }
    
    .commentImage {
        float: right;
        width: 180px;
        height: 240px;
        /*
        width: 55%;
        padding-bottom: 75%
        */
    }

    

    /* TEAM MEMBER ///////////////////////////////////////////////////  */


    .teammemberEnv .left {
        width: 50%;
        height: 550px;
        margin-top: 0;
        display: flex;
        justify-content: flex-end;
        flex-direction: column;
    }

    .teammemberEnv .right {
        width: 400px;
        height: 550px;
        margin-left: calc(50% - 400px);
    }

     
    .teammemberImage {
        position: relative;
        height: 100%;
        padding-bottom: 0;
        background-size: cover;
        background-position: center bottom;
        background-repeat: no-repeat;
    }

  
    
}



@media only screen and (min-width: 1100px) {
    

    .nav {
        width: 33.33%;
    }     
    
   
    /* FEATURED ///////////////////////////////////////////////////  */
    
    .featuredProjectImage {
        width: 66.666%;
        padding-bottom: 50%;
    }   
    
    .featuredProjectText {
        float: left;
        width: 33.333%;
    }

        
    .featuredProjectImageV {
        width: 33.333%;
        padding-bottom: 50%;
    }
    
    .featuredProjectTextV {
        float: left;
        width: 66.666%;
    }
    
    .featuredProjectTextCell {
        margin: 10%;
    }
    
    
    /* OBJECTIVE ///////////////////////////////////////////////////  */
    
    .objectiveCellLeft {
        font-size: 20px;
        width: 28%;
        height: 90%;
        padding: 0 2% 0 0;
    }


    .objectiveCellRight {
        font-size: 30px;
        width: 70%;
        padding: 0 5% 0 2%;
    }
    

    /* CONNECT ///////////////////////////////////////////////////  */
    
    .connectEnv {
        display: flex;
        max-width: 1200px;
        margin: 0 auto;
        width: 80%;
        padding: 0 10%;
    }

    .connectLeftEnv {
        float: left;
        width: 50%;
        height: 100%;
        padding: 90px 0;
    }

    .connectRightEnv {
        float: left;
        width: 50%;
        max-height: 500px;
        flex-grow: 1;
    }

  
    /* HIGHLIGHT ///////////////////////////////////////////////////  */

    .highLightEnv {
        background-position: center;
    }
    
    
    
    

    /* TEAM MEMBER ///////////////////////////////////////////////////  */


    .teammemberEnv .left {
        height: 750px;
        margin-top: 0;
    }

    .teammemberEnv .right {
        width: 562px;
        height: 750px;
        margin-left: calc(50% - 562px);
    }

    .teammemberImage {
        float: left;
        width: 100%;
        height: 100%;
    }

    
    
    
    
    
    /* FOOTER ///////////////////////////////////////////////////  */


   .socialLink {
        margin: 63px 0 0 30px;
    }   
    
}