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

.OnWhyUs { color:#0d9beb; }


h1 { color:#FFF; font-size:35px; margin-top:125px; text-align:center; font-family: 'Roboto', sans-serif; font-weight: 300;}
h2 { font-size:35px; text-align:center; font-family: 'Roboto', sans-serif; text-align:left; padding-bottom:30px;}
h3 { font-size:45px; text-align:center; font-family: 'Roboto', sans-serif; font-weight: 300; padding-bottom:40px; border-bottom:1px solid #666; margin-bottom:30px;}
h4 { font-size:20px; text-align:left; padding-bottom:10px; padding-top:20px;}


/* Header section
---------------------------------*/

.AboutHeaderHolder { height:300px; width:100%; display: inline; float:left; overflow:hidden; background-color: #1aa0ec; padding-bottom:20px;}
.Arrow { display: inline; float: left; width: 100%; margin-top: -25px; text-align: center; z-index:2;}

/* Intro Row
--------------------*/


.CSIntro     { display: inline; float: left; width: 100%; background-color: #f6f6f6; border-top: solid 1px #e4e2e2; border-bottom: solid 1px #e4e2e2;
              margin-top: -30px; padding-bottom: 20px; z-index:1;}
.CSIntroTxt { width:70%; margin:auto; padding-top:20px; padding-bottom:20px; }
.CSImg1 { display:inline; float:left; width:40%; min-width:200px; }
.CSTxt1 { margin-top:60px; display:inline; float:left; width:60%; }


/* Case Study 1
--------------------*/
.CSStudyHolder1 { display:inline; float:left; width:100%; padding-top:30px; }
.CSStudy1 { margin:auto; width:964px; }

/* Case Study 2
--------------------*/

.CSStudyHolder2 { display: inline; float: left; width: 100%; background-color: #f6f6f6; border-top: solid 1px #e4e2e2; border-bottom: solid 1px #e4e2e2;
                 padding-bottom: 20px; z-index:1; margin-top:50px;}



/* Media Queries
--------------------------------------------------------- */

 /*  Mobile  */
 @media only screen and (max-width: 767px) {
 .CSTxt1 { width:100%; }
.CSStudy1 { width:90%; padding-left:5%; padding-right:5%; }
h1 { margin-top:90px;}

 }

  /* Small Screen */
@media only screen and (min-width: 768px) and (max-width: 964px) {

.CSStudy1 { width:768px; }

}