/*
Lato fonts loaded - 300,400,700
dk orange       #e29000
md orange       #e8af74
lt orange       #edd6be
text dk gray    #3f3f3f
logos lt gray   #c8c8c8

p - 16px/24px  med
a - 16px/24px bold
h1 - 55/50 thin
h2 - 22/30 bold
h3 - 24/30 thin 
h4 - 22/30 thin
h5 - 58/58 med
*/

/******************Base******************/
html, body, div, p{
    -webkit-text-size-adjust: none; /*iphone-resizing-fix*/
    margin:0;
    padding:0; 
    font-size: 16px;
    line-height:24px;
    color: #3f3f3f;
    font-family: 'Lato', sans-serif;
    letter-spacing: 0px;
} 
a:link,a:visited{
    font-size: 16px;
    line-height:24px;
    color:#e29000;
    text-decoration:none;
    font-weight:700;
}
a:hover{
    color:#e8af74;
    text-decoration:underline;
}
p{
    font-size:17px; 
    line-height:28px; 
    font-weight:300;letter-spacing: 0.04em;
}
p.heavy{font-weight:400;}
h1{
    font-size:63px;
    line-height:55px;
    color:#3f3f3f;
    font-family: 'Lato', sans-serif;
    font-weight:300;
    letter-spacing: -0.04em;
    margin:0px;
}
h2, h3, h4, h5{
    color:#e29000;
    font-family:'Lato', sans-serif;
    text-transform: uppercase;
} 
h2{
    letter-spacing:0.04em;
    font-size:22px;
    line-height:30px;
    font-weight:700;
} 
h3{
    letter-spacing:0.2em;
    font-size:24px;
    line-height:30px;
    font-weight:400;
} 
h4{letter-spacing: -0.04em;}
h5{letter-spacing: -0.04em;}

.clearfix:after{
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
.clearfix{display:inline-block;}
* html .clearfix{height:1%;}
.clearfix{display:block;}

.visuallyHiddenTextWCAG{
border:0;
clip: rect(1px, 1px, 1px, 1px);
height:1px;
width:1px;
ovrflow:hidden;
padding:0;
position:absolute;
}

:focus{
border: 1px red dotted;
}



/******************Column Controls******************/

/* break 951-1200 */
/* break 701-950  */
/* break 300-700  */
    
html, body{
    text-align:center;
    margin:0px; 
    padding:0px 0px;
}
.colTwoFrame{
    margin:0px auto; 
    max-width:1400px; 
    padding:30px 2%;
}
.colTwo{
    text-align:center; 
    float:left;
}
.colTwo h2, 
.colTwo h3, 
.colTwo h4, 
.colTwo h5, 
.colTwo p{
    margin:10px auto 0px auto; 
    width:100%;
} 
.colTwo p{
    text-align:left; 
    margin-bottom:20px;
} 

.colThreeframe{padding:40px 0px; padding-left:40px;}
.colThreeCont{max-width:1400px; margin:0px auto; }
.colThree{text-align:center;width:32.5%;max-width:600px;float:left;}    
.colThree h2, .colThree h3, .colThree h4, .colThree h5, .colThree p{margin:10px auto 0px auto;} 
.colThree p{margin-top:5px; font-size:16px; line-height:22px;}
.colThree a:link{display:block;margin-top:10px;}
.colThree img{border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%;}
.colThree.silos img{border-radius:0%;border:none;}
.colThree.silos p{color:#edd6be;}
.colThree.silos h2, .colThree.silos a{color:#e29000;}

.colFourCont{padding:50px 0px 70px 20px;} 
.colFourFrame{max-width:1400px; margin:0px auto;}
.colFour{text-align:center;float:left;}   
.colFour h2, .colFour h3, .colFour h4, .colFour h5, .colFour p{margin:10px auto 0px auto;} 
.colFour p{line-height:23px;} 

.colThreeBoxes{
    position:relative; 
    overflow:hidden;
}
.colThreeBoxes img.left, 
.colThreeBoxes img.right{
    position:relative; 
    display:inline-block; 
    float:left; 
    width:30%; 
    max-width:450px; 
    max-height:360px;
}
.colThreeBoxes img.right{
    float:right;
}
.colThreeBoxes div.center{
    position:relative; 
    display:inline-block; 
    width:330px; 
    margin-top:2%;
}
.colThreeBoxes div h3{
    letter-spacing:0.1em; 
    font-size:19px; 
    line-height:26px; 
    font-weight:700; 
    color:#edd6be; 
    margin:0px 0px 10px 0px;
}
.colThreeBoxes div p{
    color:white; 
    color:#edd6be; 
    padding:0px 10px; 
    font-size:15px; 
    line-height:22px;
}


/* Responsive Column Controls  */
@media only screen and (min-width:1451px){ 
    .colThreeBoxes div.center{
        margin-top:80px;
    } 
}


@media only screen and (min-width:1301px) and (max-width: 1450px){ 
    .colThreeBoxes div.center{
        margin-top:4.5%;
    } 
}


@media only screen and (min-width:1251px) and (max-width: 1300px){ 
    .colThreeBoxes div.center{
        margin-top:4%;
    } 
}


@media only screen and (min-width:1101px) and (max-width: 1250px){ 
    .colThreeBoxes div.center{
        margin-top:3.5%;
    } 
}


@media only screen and (min-width:1151px){
    .colTwo{width:42%; padding:0px 4%;}
    .colTwo h2{letter-spacing:0.1em; font-size:18px; line-height:20px; font-weight:400;}
    .colTwo h3{letter-spacing:-0.01em; font-size:50px; line-height:45px; font-weight:400; margin-bottom:20px;}
    .colThree img{border:5px solid #e29000}
    .colThree h2, .colThree h3, .colThree h4, .colThree h5, .colThree p{width:250px;}
    .colThree img{width:225px;height:225px;}
    .colFour{width:24.5%;max-width:375px;}
    .colFour h2, .colFour h3, .colFour h4, .colFour h5, .colFour p{width:82%;} 
}


@media only screen and (min-width:1001px) and (max-width: 1100px){ 
    .colThreeBoxes div.center{margin-top:2%;} 
}


@media only screen and (min-width:881px) and (max-width: 1000px){ 
    .colThreeBoxes div.center{width:200px; margin-top:3%;} 
    .colThreeBoxes p{display:none;} 
    .colThreeBoxes div h3{font-size:19px; line-height:25px;}
}


@media only screen and (min-width:901px) and (max-width: 1150px){
    .colTwo{width:42%; padding:0px 4%;}
    .colTwo h2{letter-spacing:0.1em; font-size:17px; line-height:17px; font-weight:400;}
    .colTwo h3{letter-spacing:-0.01em; font-size:39px; line-height:30px; font-weight:400; margin-bottom:20px;}
    .colThree img{border:4px solid #e29000}
    .colThree h2, .colThree h3, .colThree h4, .colThree h5, .colThree p{width:250px;}
    .colThree img{width:180px;height:180px;}

    .colFourCont{padding-bottom:40px; }
    .colFour + span{display:block;}
    .colFour{width:48%; margin-bottom:30px;}
    .colFour h2, .colFour h3, .colFour h4, .colFour h5, .colFour p{width:88%;} 
}


@media only screen and (min-width:751px) and (max-width: 900px){
    html, body{padding:0px 0px;}
    .colTwoFrame{padding:30px 50px;}
    .colTwo{float:none; width:100%; padding-bottom:20px;}
    .colTwo h2{letter-spacing:0.1em; font-size:22px; line-height:20px; font-weight:400;}
    .colTwo h3{letter-spacing:-0.01em; font-size:60px; line-height:45px; font-weight:400; margin-bottom:20px;} 
    .colThree h2, .colThree h3, .colThree h4, .colThree h5, .colThree p{width:175px;}
    .colThree p{min-height:70px;}
    .colThree h2{height:60px;}
    .colThree h2.short{width:135px; margin-left:auto; margin-right:auto;}
    .colThree img{width:180px;height:180px;}
    .colThree img{border:3px solid #e29000}  
    .colFourCont{padding-bottom:40px}
    .colFour + span{display:block;}
    .colFour{width:49.5%; margin-bottom:30px;}
    .colFour h2, .colFour h3, .colFour h4, .colFour h5, .colFour p{width:88%;} 
}


@media only screen and (min-width:751px) and (max-width: 880px){ 
    .colThreeBoxes{margin-left:0px;width:100%;}
    .colThreeBoxes div.center{width:200px; margin-top:5%;} 
    .colThreeBoxes p{display:none;} 
    .colThreeBoxes div h3{font-size:17px; line-height:22px;}
}



/* MOBILE */
@media only screen and (min-width:551px) and (max-width: 750px){
    html, body{padding:0px 0px;}
    .colTwoFrame{padding:30px 30px;}
    .colTwo{float:none; width:100%; padding-bottom:20px;}
    .colTwo h2{letter-spacing:0.1em; font-size:20px; line-height:20px; font-weight:400;}
    .colTwo h3{letter-spacing:-0.01em; font-size:50px; line-height:40px; font-weight:400; margin-bottom:20px;}
    .colThreeframe{padding:30px 0px;}
    .colThreeCont{margin:0px; padding:0px;}
    .colThree{width:100%; max-width:800px;padding:20px 0px;}
    .colThree img{width:225px;height:225px; border:3px solid #e29000;}    
    .colThree h2, .colThree h3, .colThree h4, .colThree h5, .colThree p{padding:0px;}
    .colThree h2, .colThree p, .colThree a:link{padding:0px; margin:0px;}
    .colThreeBoxes img.left{width:500px; float:none; margin:0px 0px -10px 0px; padding:0px;}
    .colThreeBoxes img.right{display:none;}
    .colThreeBoxes div.center, .colThreeBoxes p, .colThreeBoxes h3{display:none;} 
    .colFourCont{padding-bottom:30px}
    .colFour{width:88%; padding:0px 30px;}
}


/* smaller MOBILE */
@media only screen and (min-width:10px) and (max-width: 550px){
    html, body{padding:0px 0px;}
    .colTwoFrame{padding:30px 30px;}
    .colTwo{float:none; width:100%;}
    .colTwo h2{letter-spacing:0.1em; font-size:16px; line-height:16px; font-weight:400;}
    .colTwo h3{letter-spacing:-0.01em; font-size:30px; line-height:20px; font-weight:400; margin-bottom:20px;}
    .colThree h2, .colThree p, .colThree a:link{padding:0px; margin:0px;}
    .colThreeframe{margin:0px; padding:30px 0px 10px 0px;}
    .colThreeCont{margin:0px; padding:0px 20px;}
    .colThree{width:100%; padding-bottom:20px;}
    .colThree img{border:3px solid #e29000; width:175px;height:175px;} 
    .colThreeBoxes img.left{width:300px; float:none; margin:0px 0px -10px 0px; padding:0px;}
    .colThreeBoxes img.right{display:none;}
    .colThreeBoxes div.center, .colThreeBoxes p, .colThreeBoxes h3{display:none;} 
    .colFourCont{padding:30px 0px;}
    .colFourFrame{width:80%; margin:0px auto; padding:0px;}
    .colFour{width:100%; padding:0px;}
}





/******************Shadows******************/
.largeShadow{
    -webkit-box-shadow: 10px 10px 14px 1px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 14px 1px rgba(0,0,0,0.75);
    box-shadow: 10px 10px 14px 1px rgba(0,0,0,0.75);
}
.largeShadowLeft{
    -webkit-box-shadow: 20px 0px 24px 1px rgba(0,0,0,0.75);
    -moz-box-shadow:    20px 0px 24px 1px rgba(0,0,0,0.75);
    box-shadow:         20px 0px 24px 1px rgba(0,0,0,0.75);
}
.largeShadowRight{
    -webkit-box-shadow: -20px 0px 24px -10px rgba(0,0,0,0.75);
    -moz-box-shadow:    -20px 0px 24px 1px rgba(0,0,0,0.75);
    box-shadow:         -20px 0px 24px 1px rgba(0,0,0,0.75);
}
.innerShadow{
    box-shadow: inset 0px -2px 50px 20px rgba(0,0,0,0.5);
    -webkit-box-shadow: inset 0px -2px 50px 20px rgba(0,0,0,0.5);
    -moz-box-shadow: inset 0px -2px 50px 20px rgba(0,0,0,0.5);
    -o-box-shadow: inset 0px -2px 50px 20px rgba(0,0,0,0.5);
}
.innerShadowTan{
    box-shadow: inset         0px -2px 50px 20px rgba(158,103,44,0.8);
    -webkit-box-shadow: inset 0px -2px 50px 20px rgba(158,103,44,0.8);
    -moz-box-shadow: inset    0px -2px 50px 20px rgba(158,103,44,0.8);
    -o-box-shadow: inset      0px -2px 50px 20px rgba(158,103,44,0.8);
}
.innerShadowOrange{
    box-shadow: inset 0px -2px 50px 20px rgba(232,175,116,0.6);
    -webkit-box-shadow: inset 0px -2px 50px 20px rgba(232,175,116,0.6);
    -moz-box-shadow: inset 0px -2px 50px 20px rgba(232,175,116,0.6);
    -o-box-shadow: inset 0px -2px 50px 20px rgba(232,175,116,0.6);
}
.brownTex{ 
    background-image:url("../images/brownBG.jpg"); 
}
.tanBG{
    background-color:#feeccc;
}






/******************Header Section******************/
header{
    height:75px; 
    color:#edd6be;
    font-family:'Lato', sans-serif;
    text-transform: uppercase;
    padding:15px 40px 0px 40px;
}
header .left, 
header .right {
    width:44%;
    float:left; 
    margin-top:10px;
}
header .logo  {
    width:11.9%;
    float:left; 
    text-align:center; 
    color:white; 
    font-size:30px;
    position:relative; 
    height:30px;
}
header .left{
    text-align:left;
} 
header .right{
    text-align:right;
}
header .right img{
    height:22px; 
    opacity: 0.6; 
    margin-bottom:-2px;
}
header a:link, 
header a:visited{
    color:#edd6be;
    margin:0px;
    padding:0px;
    letter-spacing:0.2em;
    font-size:18px;
    font-weight:300;
}
header .left a:link{
    padding-right:40px;
}
header .right a:link{
    padding-left:50px;
}
header .left a:link:last-child{
    padding-right:0px;
}
header .right a:link:first-child{
    padding-left:0px;
}
header .headerCont{
    max-width:1100px; 
    margin:0px auto;
}
header .logo img{
    width:350px;
    position:absolute;
    top:-5px; 
    left:-95px;
}



@media only screen and (min-width:1151px) and (max-width: 1300px){ 
    header{
        height:60px;
    } 
    header a:link{
        font-size:17px;
    }
    header .right img{
        margin-bottom:-4px;
    }
    header .logo img{
        width:305px;
        position:absolute;
        top:-9px; 
        left:-70px;
    }
}


@media only screen and (min-width:901px) and (max-width: 1150px){ 
    header{
        height:55px;
    }
    header a:link{
        font-size:15px;
        font-weight:400;
    }
    header .right img{
        margin-bottom:-5px;
    }
    header .logo img{
        width:260px;
        position:absolute;
        top:-5px; 
        left:-65px;
    }
}


@media only screen and (min-width:751px) and (max-width: 900px){   
    header{
        height:55px;
    }
    header a:link{
        font-size:14px;
        font-weight:400;
    }
    header .right img{
        margin-bottom:-5px;
    }
    header .left, 
    header .right{
        width:38%;
    }
    header .logo{
        width:23.9%; 
        font-size:15px;
        }
    header .left a:link{
        padding-right:25px;
    }
    header .right a:link{
        padding-left:35px;
    }
}


@media only screen and (min-width:821px) and (max-width: 900px){ 
    header .logo img{
        width:260px;
        position:absolute;
        top:-5px; 
        left:-20px;
    }
}


@media only screen and (min-width:751px) and (max-width: 820px){ 
    header .logo img{
        width:220px;
        position:absolute;
        top:0px; 
        left:-20px;
    }
}


@media only screen and (min-width:10px) and (max-width: 750px){   
    header{
        height:45px;
    }
    header .left, header .right{
        display:none;
    }
    header .logo img{
        width:220px;
        position:relative; 
        top:-9px; 
        left:1px;
    }
    header .logo{
        width:100%; 
        margin:0px; 
        padding:0px;
    }
}







/******************Sticky Navigation******************/
.mobileStickyNav{
    color:#edd6be;
    font-family:'Lato', sans-serif;
    text-transform: uppercase;
    padding:9px 0px 10px 0px;
    width:100%;
    z-index:500;
}
.mobileStickyNav a:link, 
.mobileStickyNav a:visited{
    color:#edd6be;
    margin:0px;
    padding:0px;
    letter-spacing:0.05em;
    font-size:15px;
    font-weight:400;
}
.mobileStickyNav a:link{
    padding-right:30px;
}
.mobileStickyNav a:link:last-child{
    padding-right:0px;
}




/****************** Hide Show Sticky Nav In Mobile ******************/

.mobileStickyNav{
    display:none;
}

@media only screen and (min-width:10px) and (max-width: 750px){ 
    .mobileStickyNav{
        display:block; 
        position:relative; 
        top:0px; 
        position:fixed;
        left:0;
        right:0;
    }
    header{ 
        margin-top:40px; 
    }
}


/****************** Hero ******************/

.heroFrame{
    padding:10px 0px 30px 0px;
    background-image:url("../images/hero-bg1.jpg"); 
    overflow:hidden;
}
.heroCont{
    width:1280px; 
    margin:0px auto; 
    padding-left:0px;
    position:relative;
}
.heroCont img{
    float:left; 
    width:70%; 
    z-index;200; 
    position:relative; 
    margin-top:30px;
}
.heroCont .heroText{
    float:left;
}
.heroText{
    margin:100px 0px 0px 10px;
    background-color:white;
    -webkit-box-shadow: 0px 0px 99px 99px rgba(255,255,255,1);
    -moz-box-shadow:    0px 0px 99px 99px rgba(255,255,255,1);
    box-shadow:         0px 0px 99px 99px rgba(255,255,255,1);
    opacity: 0.6;
}
.heroText h1{
    text-align:left; 
    font-size:61px;
    line-height:55px; 
    font-weight:300;
}
.heroText p{
    text-align:left; 
    font-size:18px; 
    line-height:28px; 
    font-weight:400; 
    margin-top:15px;
    width:360px;     
}


@media only screen and (min-width:1151px) and (max-width: 1300px){ 
    .heroFrame{
        padding:0px 0px 20px 0px;
    }
    .heroCont{
        width:1040px; 
        margin:0px auto;
    }
    .heroCont img{
        width:63%;
    }
    .heroText{
        margin:60px 0px 0px 10px;
    }
    .heroText h1{
        font-size:54px;
        line-height:50px;
        font-weight:300;
    }
    .heroText p{
        width:360px;
    }
}


@media only screen and (min-width:901px) and (max-width: 1150px){ 
    .heroFrame{
        padding:0px 0px 30px 0px;
    }
    .heroCont{
        width:890px; 
        margin:0px auto;
        }
    .heroCont img{
        width:60%;
    }
    .heroText{
        margin:40px 0px 0px 10px;
    }
    .heroText h1{
        font-size:49px;
        line-height:45px; 
        font-weight:300;
    }
    .heroText p{
        width:330px;
        text-align:left; 
        font-size:17px; 
        line-height:24px;
    }
}


@media only screen and (min-width:751px) and (max-width: 900px){ 
    .heroFrame{
        padding:0px 0px 0px 0px;
    }
    .heroCont{
        width:730px; 
        margin:0px auto;
    }
    .heroCont img{
        width:61%;
    }
    .heroText{
        margin:35px 0px 0px 10px;
     }
    .heroText h1{
        font-size:44px;
        line-height:40px;
        font-weight:300;
     }
    .heroText p{
        width:260px;
        font-size:14px; 
        line-height:22px; 
        font-weight:400; 
        letter-spacing: -0.01em;
    }
}


@media only screen and (min-width:551px) and (max-width: 750px){ 
    .heroFrame{
        padding:0px 0px 30px 0px;
    }
    .heroCont{
        width:470px; 
        margin:0px auto; 
        padding:0px;
    }
    .heroCont img{
        width:100%;
        float:none;
        margin-left:5px;
    }
    .heroText{margin:0px 0px 0px 0px;float:none;
        -webkit-box-shadow: 0px 0px 55px 55px rgba(255,255,255,1);
        -moz-box-shadow:    0px 0px 55px 55px rgba(255,255,255,1);
        box-shadow:         0px 0px 55px 55px rgba(255,255,255,1);  
     }
    .heroText h1{
        width:450px; 
        font-size:57px;
        line-height:54px;
        font-weight:300; 
        text-align:center; 
        margin-left:10px;
    }
    .heroText p{display:none;}
}


@media only screen and (min-width:10px) and (max-width: 550px){ 
    .heroFrame{
        padding:0px 0px 30px 30px;
    }
    .heroCont{
        width:280px; 
        margin:0px auto;
    }
    .heroCont img{
        width:170%;
        float:none;
        margin-left:-110px;
    }
    .heroText{
        margin:0px 0px 0px 0px;
        float:none;
        -webkit-box-shadow: 0px 0px 55px 55px rgba(255,255,255,1);
        -moz-box-shadow:    0px 0px 55px 55px rgba(255,255,255,1);
        box-shadow:         0px 0px 55px 55px rgba(255,255,255,1);  
    }
    .heroText h1{
        font-size:46px;
        line-height:42px;
        font-weight:300; 
        margin-top:0px; 
        text-align:center;
    }
    .heroText p{
        display:none;
    }
}



/* =========Compiled Logo Code========== */
.rlCompiledLogo{
    position:relative;
    float:left;
    z-index: 22;
}
.rlCompiledLogo img{
    margin:0px;
    width:auto;
    position:absolute;
    -webkit-box-shadow: 10px 10px 18px 0px rgba(69,32,12,0.65);
    -moz-box-shadow: 10px 10px 18px 0px rgba(69,32,12,0.65);
    box-shadow: 10px 10px 18px 0px rgba(69,32,12,0.65);
}
.rlCompiledLogo .heroImageThree{
    -ms-transform: rotate(12deg);
    -webkit-transform: rotate(12deg);
    transform: rotate(12deg);
}
.rlCompiledLogo .heroImageTwo{
    -ms-transform: rotate(4deg);
    -webkit-transform: rotate(4deg);
    transform: rotate(4deg);
}
.rlCompiledLogo .heroImageOne{
    -ms-transform: rotate(-6.5deg);
    -webkit-transform: rotate(-6.5deg);
    transform: rotate(-6.5deg);
}

/* =========Compiled Logo Code Media Queries========== */
@media only screen and (min-width:1301px){ 
    .rlCompiledLogo{
        width:70%;
        height:458px;
    }
    #mainHeroImage{
        display:none;
    }
    .rlCompiledLogo .heroImageFive{
        top:270px;
        left:335px;
        width:auto;
        border-radius:          16px 16px 16px 16px;
        -moz-border-radius:     16px 16px 16px 16px;
        -webkit-border-radius:  16px 16px 16px 16px;
    }
    .rlCompiledLogo .heroImageFour{
        top:210px;
        left:175px;
        width:auto;
        border-radius:          16px 16px 16px 16px;
        -moz-border-radius:     16px 16px 16px 16px;
        -webkit-border-radius:  16px 16px 16px 16px;
    }
    .rlCompiledLogo .heroImageThree{
        top:125px;
        left:645px;
        width:auto;
    }
    .rlCompiledLogo .heroImageTwo{
        top:38px;
        left:455px;
        width:auto;
    }
    .rlCompiledLogo .heroImageOne{
        top:56px;left:22px;
        width:auto;
        border-radius:          16px 16px 16px 16px;
        -moz-border-radius:     16px 16px 16px 16px;
        -webkit-border-radius:  16px 16px 16px 16px;
    }
}

@media only screen and (min-width:1151px) and (max-width: 1300px){ 
    .rlCompiledLogo{
        width:63%;
        height:330px;
    }
    #mainHeroImage{
        display:none;
    }
    .rlCompiledLogo .heroImageFive{
        top:200px;
        left:240px;
        width:27.5%;
        border-radius:          10px 10px 10px 10px;
        -moz-border-radius:     10px 10px 10px 10px;
        -webkit-border-radius:  10px 10px 10px 10px;
    }
    .rlCompiledLogo .heroImageFour{
        top:160px;
        left:128px;
        width:10%;
        border-radius:          10px 10px 10px 10px;
        -moz-border-radius:     10px 10px 10px 10px;
        -webkit-border-radius:  10px 10px 10px 10px;
    }
    .rlCompiledLogo .heroImageThree{
        top:95px;
        left:465px;
        width:23%;
    }
    .rlCompiledLogo .heroImageTwo{
        top:35px;
        left:332px;
        width:20%;
    }
    .rlCompiledLogo .heroImageOne{
        top:43px;
        left:12px;
        width:46%;
        border-radius:          16px 16px 16px 16px;
        -moz-border-radius:     16px 16px 16px 16px;
        -webkit-border-radius:  16px 16px 16px 16px;
    }
}

@media only screen and (min-width:901px) and (max-width: 1150px){
    .rlCompiledLogo{
        width:60%;
        height:280px;
    }
    #mainHeroImage{
        display:none;
    }
    .rlCompiledLogo .heroImageFive{
        top:170px;
        left:196px;
        width:30.5%;
        border-radius:          10px 10px 10px 10px;
        -moz-border-radius:     10px 10px 10px 10px;
        -webkit-border-radius:  10px 10px 10px 10px;
    }
    .rlCompiledLogo .heroImageFour{
        top:135px;
        left:105px;
        width:11%;
        border-radius:          10px 10px 10px 10px;
        -moz-border-radius:     10px 10px 10px 10px;
        -webkit-border-radius:  10px 10px 10px 10px;
    }
    .rlCompiledLogo .heroImageThree{
        top:88px;
        left:388px;
        width:23%;
    }
    .rlCompiledLogo .heroImageTwo{
        top:35px;
        left:270px;
        width:21.5%;
    }
    .rlCompiledLogo .heroImageOne{
        top:43px;
        left:12px;
        width:45.5%;
        border-radius:          10px 10px 10px 10px;
        -moz-border-radius:     10px 10px 10px 10px;
        -webkit-border-radius:  10px 10px 10px 10px;
    }
}

@media only screen and (min-width:751px) and (max-width: 900px){ 
    .rlCompiledLogo{
        width:60%;
        height:265px;
    }
    #mainHeroImage{
        display:none;
    }
    .rlCompiledLogo .heroImageFive{
        top:148px;
        left:165px;
        width:30.5%;
        border-radius:          10px 10px 10px 10px;
        -moz-border-radius:     10px 10px 10px 10px;
        -webkit-border-radius:  10px 10px 10px 10px;
    }
    .rlCompiledLogo .heroImageFour{
        top:118px;
        left:88px;
        width:11%;
        border-radius:          10px 10px 10px 10px;
        -moz-border-radius:     10px 10px 10px 10px;
        -webkit-border-radius:  10px 10px 10px 10px;
    }
    .rlCompiledLogo .heroImageThree{
        top:78px;
        left:318px;
        width:23%;
    }
    .rlCompiledLogo .heroImageTwo{
        top:35px;
        left:225px;
        width:21.5%;
    }
    .rlCompiledLogo .heroImageOne{
        top:43px;
        left:12px;
        width:45.5%;
        border-radius:          10px 10px 10px 10px;
        -moz-border-radius:     10px 10px 10px 10px;
        -webkit-border-radius:  10px 10px 10px 10px;
    }
}



@media only screen and (min-width:551px) and (max-width: 750px){ 
    .rlCompiledLogo{
        width:60%;
        height:270px;
    }
    #mainHeroImage{
        display:none;
    }
    .rlCompiledLogo .heroImageFive{
        top:157px;
        width: 55%;
        left: 185px;
        border-radius:          6px 6px 6px 6px;
        -moz-border-radius:     6px 6px 6px 6px;
        -webkit-border-radius:  6px 6px 6px 6px;
    }
    .rlCompiledLogo .heroImageFour{
        top:124px;
        left:98px;
        width:19%;
        border-radius:          6px 6px 6px 6px;
        -moz-border-radius:     6px 6px 6px 6px;
        -webkit-border-radius:  6px 6px 6px 6px;
    }
    .rlCompiledLogo .heroImageThree{
        top:78px;
        left:343px;
        width:38%;
     }
    .rlCompiledLogo .heroImageTwo{
        top:32px;
        left:245px;
        width:35%;
     }
    .rlCompiledLogo .heroImageOne{
        top:43px;
        left:12px;
        width:79%;
        border-radius:          6px 6px 6px 6px;
        -moz-border-radius:     6px 6px 6px 6px;
        -webkit-border-radius:  6px 6px 6px 6px;
    }
}



@media only screen and (min-width:10px) and (max-width: 550px){   
    .rlCompiledLogo{
        margin-left:-110px;
        width:170%;
        height:270px;
    }
    #mainHeroImage{
        display:none;
    }
    .rlCompiledLogo .heroImageFive{
        top:157px;
        left:175px;
        width:31%;
        border-radius:          6px 6px 6px 6px;
        -moz-border-radius:     6px 6px 6px 6px;
        -webkit-border-radius:  6px 6px 6px 6px;
    }
    .rlCompiledLogo .heroImageFour{
        top:124px;
        left:94px;
        width:11.2%;
        border-radius:          6px 6px 6px 6px;
        -moz-border-radius:     6px 6px 6px 6px;
        -webkit-border-radius:  6px 6px 6px 6px;
    }
    .rlCompiledLogo .heroImageThree{
        top:78px;
        left:343px;
        width:23%;
    }
    .rlCompiledLogo .heroImageTwo{
        top:34px;
        left:241px;
        width:21%;
    }
    .rlCompiledLogo .heroImageOne{
        top:41px;
        left:6px;
        width:47%;
        border-radius:          10px 10px 10px 10px;
        -moz-border-radius:     10px 10px 10px 10px;
        -webkit-border-radius:  10px 10px 10px 10px;
    }
}






/******************About Me Section******************/
h2.aboutMe{
    font-size:20px;
    line-height:20px;
    letter-spacing: 0.45em;
    font-weight:300; 
    margin-top:0px; 
    text-align:center;
    margin:20px 0px 40px 0px;
}


@media only screen and (min-width:751px) and (max-width: 900px){   
    h2.aboutMe{
    letter-spacing: 0.2em;
    }    
}


@media only screen and (min-width:551px) and (max-width: 750px){   
    h2.aboutMe{
        font-size:22px;
        line-height:22px;
        letter-spacing: 0.2em;
    }    
    h2.aboutMe span + span{
        color:white;
        display:block;
        margin-top:-20px;
    }
}


@media only screen and (min-width:10px) and (max-width: 550px){ 
    h2.aboutMe{
        font-size:18px;
        line-height:22px;
        letter-spacing: 0.2em;
    }
    h2.aboutMe span{
        display:block;
        margin-top:0px;
    }
    h2.aboutMe span + span{
        color:white;
        display:block;
        margin-top:-20px;
    }
}





/******************Logos Section******************/
.logosSection{
    min-height:400px; 
    padding:0px 40px 40px 40px; 
    max-width:1200px; 
    margin:0px auto;
}
.logosSection h2, 
.logosSection h4{
    font-size:22px;
    line-height:22px;
    font-weight:700; 
    margin:60px 0px 20px 0px; 
    text-align:center; 
    color:#999999;
    letter-spacing: 0.3em;
}
.logosSection img{
    display:inline-block; 
    padding:0px; 
    margin:10px 30px; 
    width:151px;
    height:71px;
}

@media only screen and (min-width:10px) and (max-width: 750px){ 
    .logosSection img{
        width:100px;
        height:47px; 
        margin:5px 8px;
    }
}








/******************Gallery Styles******************/

.gallery-headers{
    padding:80px 0px 60px 25px; 
    margin:0;
    background-image: url("../images/header-bg-galleries.jpg"); 
    background-repeat:repeat-x;
}
.gallery-headers h1{
    margin:0; 
    padding:0px; 
    font-size:40px; 
    line-height:30px; 
    letter-spacing: 0.6em;
}

@media only screen and (min-width:701px) and (max-width: 1300px){
    .gallery-headers{
        padding:70px 0px 60px 25px;
    } 
}
@media only screen and (min-width:10px) and (max-width: 700px)  {
    .gallery-headers{
        padding:40px 0px 30px 15px;
    } 
    .gallery-headers h1{
        font-size:18px;
        font-weight:400;
    } 
}

.webGalleryImage{
    border-bottom:1px solid #bbbbbb; 
    padding:0px 0px 70px 0px; 
    text-align:center;
}
.webGalleryImage ~ .webGalleryImage{
    padding-top:70px;
}
.webGalleryImage h2{
    padding:0px 30px;
    margin:0px auto; 
    max-width:600px; 
    font-size:20px; 
    line-height:24px;
}
.webGalleryImage p{
    padding:0px 30px;
    margin:0px auto 30px auto; 
    max-width:1000px; 
    font-size:15px; 
    line-height:20px;
}
.webGalleryImage img{
    width:100%; 
    padding:0px; 
    max-width:1100px;
}
.webGalleryImage.w1000 img{max-width:1000px;}
.webGalleryImage.w900 img{max-width:900px;}
.webGalleryImage.w800 img{max-width:800px;}
.webGalleryImage.w700 img{max-width:700px;}
.webGalleryImage.w600 img{max-width:600px;}
.webGalleryImage.w500 img{max-width:500px;}
.webGalleryImage.w400 img{max-width:400px;}
.webGalleryImage.w300 img{max-width:300px;}

.section-divider{
    border-bottom:1px solid #bbbbbb; 
    padding:60px 0px 90px 0px;
}
.section-divider h3{
    font-weight:300; 
    letter-spacing: 1.0em; 
    padding-left:30px;
}
.section-divider img{
    width:100%; 
    max-width:500px; 
    font-weight:300;
}
.webGalleryImage p.hideInMobile{
    margin-bottom:5px;
}



@media only screen and (min-width:10px) and (max-width: 550px){ 
    .section-divider h3{
        font-size:18px; 
        letter-spacing: 0.7em; 
        padding-left:20px;
    } 
}



@media only screen and (min-width:751px) and (max-width: 1150px){  
    .webGalleryImage img{
        width:96%; 
        padding:0px 2%; 
        max-width:1100px;
    }  
}
    
    
    
@media only screen and (min-width:10px) and (max-width: 750px){ 
    .webGalleryImage h2, 
    .webGalleryImage p{
        text-align:left;
    }
    .webGalleryImage h2{
        font-size:16px; 
        line-height:22px;
    }
    .webGalleryImage img{
        width:90%; 
        padding:0px 5%; 
        max-width:1100px;
    }
    .webGalleryImage{
        border-bottom:1px solid #bbbbbb; 
        padding:0px 0px 20px 0px; 
        text-align:center;
    }
    .webGalleryImage ~ .webGalleryImage{
        padding-top:20px;
    }
    .section-divider{
        padding:0px 0px 20px 0px;
    }
    .hideInMobile{
        display:none;
    }
}









/******************Footer******************/
footer{
    min-height:30px; 
    color:#edd6be;
    font-family:'Lato', sans-serif;
    text-transform: uppercase;
    padding:15px 30px 0px 30px;
}
footer .left{
    font-size:14px; 
    line-height:18px; 
    text-align:left;
    color:#edd6be;
    width:69%;
    float:left;
    letter-spacing: 0.1em;
    padding-bottom:20px;
    font-weight:300;
}
footer .right{
    text-align:right;
    color:#edd6be;
    width:29%;
    float:left;
    letter-spacing: 0.1em;
}
footer .right a:link,
footer .right a:visited{
    font-size:14px; 
    text-align:right;
    color:#edd6be;
    margin:0px;
    padding:0px;
    letter-spacing: 0.1em;
    padding-left:40px; 
    font-weight:300;
}
footer .right a:link:first-child{padding-left:0px;}
footer .right img{
    height:22px; 
    opacity: 0.6; 
    margin-bottom:-5px;
}
footer .left a.siteMapLink:link,
footer .left a.siteMapLink:visited{
    font-size: 14px;
    font-weight: 300;
    color:#edd6be;
}



@media only screen and (min-width:10px) and (max-width: 950px){ 
    footer .left, footer .right{
        width:100%; 
        text-align:center;
        padding:0px 0px 10px 0px; 
        margin:0px;
    }
    footer .right{padding-bottom:20px;}
    footer .right a:link{padding-left:40px;}
}