html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
 margin: 0;
 padding: 0;
 border: 0;
 font-size: 100%;
 font: inherit;
 vertical-align: baseline;
}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
 display: block;
}
body{font-family: 'Lato', sans-serif ; float:left; width:100%; 
}

img{ border:none; outline:none; max-width:100%; max-height:100%; }
a{ outline:none; border:none; }
.wrapper{ float:left; border-bottom:solid 30px #75ab8a; width:100%; }
.header-outer{ float:left; width:100%; background-color:#75ab8a; padding-top:40px; padding-bottom:40px;}
.logo{ clear:both; text-align:center; top:-20px; position:relative; z-index:3333 ;}
.logo img{ width:220px; }
.logo:hover{opacity:.8;}
.social{ float:right;  position:relative; z-index:33333 ;}
.social img{ height:18px; float: left; margin-left:9px;}
.social img:first-child:hover{ opacity:.9;}
.class1 h1{ font-weight:700; color:#75ab8a; font-size:27px; line-height:32px; margin-bottom:0px; padding-bottom:14px; clear:both;font-family: 'Lato', sans-serif ; }
.class1 p{ clear:both; line-height:24px; color:#333; font-size:16px; margin-bottom:0px; padding-bottom:12px;font-family: 'Lato', sans-serif ;  font-weight:400;}
.icon1{ clear:both; background-size:22px !important; padding-top:0px; padding-bottom:0px; background:url(images/icon_1.png) no-repeat scroll transparent 0 10px; padding-left:26px; line-height:34px; color:#333; margin-bottom:12px; padding-bottom:0px;font-family: 'Lato', sans-serif ;  font-weight:400;}
.icon1 a{ text-decoration:none; border:none; outline:none; color:#333;}
.icon1 a:hover{ text-decoration:none; border:none; outline:none; color:#75ab8a;}
.icon2{ clear:both;background-size:22px !important;padding-top:5px; padding-bottom:5px; background:url(images/icon_2.png) no-repeat scroll transparent 0 6px; padding-left:29px; line-height:24px; color:#333; margin-bottom:12px; padding-bottom:0px;font-family: 'Lato', sans-serif ;  font-weight:400;}
.icon2 a{ text-decoration:none; border:none; outline:none; color:#333;}
.icon2 a:hover{ text-decoration:none; border:none; outline:none; color:#75ab8a;}
.padding{ clear:both; padding-top:28%;}
.img2{ display:none; clear:both; text-align:center;}
@media all and (max-width:1200px) 
{
.padding{padding-top:17%;}
}
@media all and (max-width:992px) 
{
.padding{padding-top:18%;}
.class1 h1 {
  font-size: 25px;
  line-height: 32px;
  padding-bottom: 14px;
}
.class1 p {
  margin-bottom: 0px;
  padding-bottom: 12px; font-size:15px;

}
.header-outer {
  padding-top:30px;
  padding-bottom:30px;
}
}
@media all and (max-width:768px) 
{
.padding{padding-top:0%;}
.class1 h1 {
  font-size: 23px;
  line-height:27px;
  padding-bottom: 14px;
}
.class1 p {
  margin-bottom: 0px;
  padding-bottom: 12px; font-size:15px;

}
.header-outer {
  padding-top:25px;
  padding-bottom:25px;
}
.a1{ display:none;}
.img2{ display:block; padding-top:30px;}
.img2 img{ width:50%;}
.logo{  top:-20px;}
.social img{ height:18px; float: left; margin-left:9px;}
.wrapper{ border-bottom:solid 15px #75ab8a;}
}
@media all and (max-width:580px) 
{
.class1 h1 {
  font-size: 20px;
  line-height:27px;
  padding-bottom:4px;
}
.class1 p {
  margin-bottom: 0px;
  padding-bottom: 12px; font-size:14px;

}
.icon1{ font-size:14px;}
.icon2{ font-size:14px;}
.header-outer {
  padding-top:25px;
  padding-bottom:25px;
}
.a1{ display:none;}
.img2{ display:block; padding-top:15px;}
.img2 img{ width:70%;}
.logo{  top:-10px;}
.logo img{ width:200px; }
.social img{ height:18px; float: left; margin-left:9px;}
.wrapper{ border-bottom:solid 10px #75ab8a;}
.container{ max-width:92% !important;}
}

@media all and (max-width:380px) 
{	
.class1 h1 {
  font-size:18px;
  line-height:24px;
  padding-bottom:4px;
}
.class1 p {
  margin-bottom: 0px;
  padding-bottom: 12px; font-size:14px;

}
.icon1{ font-size:14px;}
.icon2{ font-size:14px;}
.header-outer {
  padding-top:25px;
  padding-bottom:25px;
}
.img2{ display:block; padding-top:10px;}
.img2 img{ width:80%;}
.logo{  top:-10px;}
.logo img{ width:180px; }
.social img{ height:16px; float: left; margin-left:9px;}

}