/* lato-regular - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('../assets/fonts/lato-v16-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Lato Regular'), local('Lato-Regular'),
       url('../assets/fonts/lato-v16-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../assets/fonts/lato-v16-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../assets/fonts/lato-v16-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../assets/fonts/lato-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../assets/fonts/lato-v16-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */
}

/* lato-700 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: url('../assets/fonts/lato-v16-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Lato Bold'), local('Lato-Bold'),
       url('../assets/fonts/lato-v16-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../assets/fonts/lato-v16-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../assets/fonts/lato-v16-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../assets/fonts/lato-v16-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../assets/fonts/lato-v16-latin-700.svg#Lato') format('svg'); /* Legacy iOS */
}
/* hind-madurai-regular - latin */
@font-face {
  font-family: 'Hind Madurai';
  font-style: normal;
  font-weight: 400;
  src: url('../assets/fonts/hind-madurai-v5-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Hind Madurai Regular'), local('HindMadurai-Regular'),
       url('../assets/fonts/hind-madurai-v5-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../assets/fonts/hind-madurai-v5-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../assets/fonts/hind-madurai-v5-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../assets/fonts/hind-madurai-v5-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../assets/fonts/hind-madurai-v5-latin-regular.svg#HindMadurai') format('svg'); /* Legacy iOS */
}

/* hind-madurai-500 - latin */
@font-face {
  font-family: 'Hind Madurai';
  font-style: normal;
  font-weight: 500;
  src: url('../assets/fonts/hind-madurai-v5-latin-500.eot'); /* IE9 Compat Modes */
  src: local('Hind Madurai Medium'), local('HindMadurai-Medium'),
       url('../assets/fonts/hind-madurai-v5-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../assets/fonts/hind-madurai-v5-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../assets/fonts/hind-madurai-v5-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../assets/fonts/hind-madurai-v5-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../assets/fonts/hind-madurai-v5-latin-500.svg#HindMadurai') format('svg'); /* Legacy iOS */
}



body{margin:0;padding:0;font-size:16px;font-family:'Lato', sans serif;color:#1a171b;}
#wrap{font-size:1vw;width:100%;margin:0px auto;}
#header{width:90%;max-width:1400px;margin:0px auto;}
#mainnav{width:64.6%;float:right;box-sizing:border-box;}
#mainnav ul{display:inline-block;padding:0;}
#mainnav ul li{list-style-type:none;float:left;margin:0 1em;}
#mainnav ul li:first-child{margin:0 1em 0 0;}
#mainnav ul li a{text-decoration:none;font-family:'Hind Madurai';text-transform:uppercase;color:#1a171b;font-size:1.3em;padding:0 0 0.6em 0;}
#mainnav ul li a:hover{color:#0c6c9f;border-bottom:5px solid #0c6c9f;}
#mainnav ul li a.rex-current, #mainnav ul li a.rex-active{font-weight:500;color:#0c6c9f;border-bottom:5px solid #0c6c9f;}
#headerwrap{clear:both;position:relative;}
#headerwrap_left{float:left;width:32.5%;}
#headerwrap_right{float:right;width:65%;}
#logo{width:100%;margin-top:7em;}
#logo img{width:100%;height:auto:}
#cattitle{position:absolute;bottom:0em;}
#cattitle h1{font-size:4.1em;font-family:'Hind Madurai';font-weight:500;line-height:0.5em;padding-bottom:0;}
#cattitle h1 img{width:1.7em;height:auto;position:absolute;bottom:0;left:0;}
#backgroundpic{width:100%;box-sizing:border-box;}
#backgroundpic img{width:100%;height:auto;}
#content{margin:7em auto;}
.innerwrap{width:90%;max-width:1400px;margin:0px auto;}
#content h1{}
#content h2{color:#0c6c9f;font-family:'Hind Madurai';font-weight:500;font-size:3em;margin:0.5em 0;padding:0;}
#content h3{color:#0c6c9f;font-weight:700;font-size:1.7em;margin-bottom:0;padding-bottom:0;}
#content h4{}
#content p{font-size:1.3em;line-height:1.9em;}
#content ul{margin:0 0 0 1em;padding:0;}
#content li{font-size:1.3em;margin-left:0.3em;padding:0;line-height:1.9em;}
.contentleft{width:45%;float:left;box-sizing:border-box;margin-bottom:5em;}
.contentright{width:45%;float:right;box-sizing:border-box;margin-bottom:5em;}
#content .blau{background-color:#B7DFF5;padding:0.5em 2em;}
#content .blau a{text-decoration:none;color:#0F6DA0;}
#content table{width:100%;}
#content table td{width:33%;}
#content table td img{width:45%;height:auto;}

#start_headline{width:30%;float:left;font-size:1.4em;line-height:2.8em;margin-bottom:5em;}
#starttext{position:relative;}
#starttext h1{background-image:url("../media/headerline.png") !important;background-repeat:no-repeat;background-position:bottom left;background-size:20%;line-height:2em;width:100%;}
#starttext_inner{width:35%;float:right;background-color:#fff;box-sizing:border-box;padding:1em 2em 0 2em;margin:-20em 5em 5em 0;}
#starttext img{width:100%;height:auto;}
#startpic{position:relative;}
#startpic a{color:#1a171b;text-decoration:none;background-color:#fff;position:absolute;bottom:0;right:0;font-size:1.1em;padding:0.5em;}


.portfolio{}
.portfolio h2{text-align:center;color:#1a171b !important;}
.portfolio_wrap{width:100%;background-color:#B7DFF5;padding:4em 0 2em 0;}
.portfolio_data{float:left;text-align:center;}
.portfolio_data h3{font-size:2.2em !important;}
.portfolio_data img{width:80%;height:auto;}
.portfolio_data a{text-decoration:none;}


#footer{border-top:3px solid #b7dff5;font-size:1.3em;line-height:1.5em;padding-top:2em;padding-bottom:1em;}
#footer a{text-decoration:none;color:#1b171b;}
#metanav{text-align:center;}
#metanav a{text-decoration:none;color:#1b171b;}

.clear{clear:both;}
a img{border:none;}

@media screen AND (min-width:1600px){
  #wrap{font-size:0.8vw;}
      
}

@media screen AND (max-width:1300px){
  #wrap{font-size:1.2vw;}
      
}

@media screen AND (max-width:1050px){
  #wrap{font-size:1.4vw;}
#mainnav ul li{font-size:0.8em;}
#cattitle h1{font-size:3.2em !important;}   
#start_headline h1{font-size:1.5em;}
#starttext p{font-size:1.1em;}
#content h2{font-size:2.5em;}
.portfolio_data h3{font-size:1.8em !important;}
#footer{font-size:1em;}
}

@media screen AND (max-width:800px){
        #mainnav ul li a{font-size:1.5em;}
#cattitle h1{font-size:2.8em !important;} 
#start_headline{width:100%;margin-top:-4em;text-align:center;}
#starttext{width:100%;}
#starttext_inner{width:100%;margin:-8em 0 2em 0;}
#starttext h1{background-size:7%;}
    #starttext p{font-size:1.4em;}
.contentleft, .contentright{width:48%;}
}

@media screen AND (max-width:680px){
  #wrap{font-size:1.8vw;}

#headerwrap_left{width:43%;}    
#headerwrap_right{width:55%;}
#logo{margin-top:0;}
#cattitle h1{font-size:2.5em !important;} 
    #starttext p{font-size:1.3em;}
.portfolio_data h3{font-size:1.5em !important;}
.contentleft{width:100%;margin-bottom:1em;}
.contentleft img{width:33% !important;height:auto;}
.contentright{width:100%;}
.contentright img{width:33% !important;height:auto;}
}

@media screen AND (max-width:550px){
  #wrap{font-size:2.6vw;}
#mainnav{width:90%;margin-bottom:2em;}
#mainnav ul li a{font-size:1.3em;}
#start_headline h1{font-size:1.2em;}

#cattitle h1{font-size:2em !important;}     
#footer{font-size:0.9em;}
    
}