@charset "utf-8";*{margin:0;padding:0;}
@font-face {
	font-family: Chunkfive;
	src: url(../Chunkfive%20Ex.ttf);
}
#wrapper{width:1347px;margin:0 auto;}
body{font-family:Arial, Helvetica, sans-serif;}
#banner{background-image:url(../images/aside.png);background-repeat:no-repeat;float:right;color:#FFF;width:365px;padding:160px 100px 16px 20px;clear:both;margin-top:-185px;}
#banner h1{ font-family:"ChunkFive Ex"; font-weight:normal;}
#banner h5{margin:110px 0 0 115px;opacity:0.5;}
#banner p{margin-top:10px;font-size:14px;}
#logo{float:right;position:relative;margin-right:100px;margin-top:23px;}
#content{width:810px;}
#content img{float:right;margin-top:40px;width:745px;}
#content span{color:#283891;font-family:"Arial Black", Gadget, sans-serif;font-size:24px;float:left;clear:left;margin-left:62px;}
#content p{float:right;margin-left:480px;margin-top:-93px;font-size:18px;}
#footer h4{font-size:18px;opacity:0.7;float:left;margin-left:90px;margin-top:130px;}
#footer div{ display: inline; color: #1A1A1A; }
#footer div a{ color: #1A1A1A; }
#footer span{font-family:Wingdings; width: 12px; height: 11px; background: #2A2A2A; font-size: 0; display: inline-block; overflow: hidden;}


@media (max-width: 1347px){

#wrapper
{ width:992px; overflow:hidden; }
#logo
{ margin-right: 20px; }
#banner
{  padding: 160px 20px 16px 20px;}

#content
{ width: 570px; }

#content p
{ margin-left: 280px; }

#content span
{ margin-left: 5px; }

#content img
{ max-width:100%; }

#footer h4	
{  margin-left: 0px;
  margin-top: 16px;
  margin-bottom:10px; }
	
}

@media (max-width: 992px){
#wrapper
{ width:750px; overflow:hidden; }

#content { width: 335px; }

#content span {
  margin-left: 0px;
}

#content p {
  margin-left: 0;
  width: 100%;
  margin-top: 20px;
}

#banner h5
{  margin: 50px 0 0 115px; }	
	
}


@media (max-width: 767px){

#wrapper
{ 
  width: 100%;
  box-sizing: border-box;
  padding: 0 10px;
  margin: 0 auto;
  float: none;
}

#content
{ width:100%;}

#wrapper *
{ box-sizing:border-box; }

#logo {
    margin-right: 0;
  width: 100%;
  padding: 0 0px;
}

#logo img
{ width:100%; }

#banner {
  padding: 15px 20px 15px 20px;
  margin-top: 25px;
  width:100%;
  background-size: 100% 100%;
}

#banner h5
{  margin: 110px 0 0 0px; }

div#logo:after {
  position: absolute;
  width: 52%;
  content: '';
  background: #283891;
  height: 100%;
  z-index: -1;
  right: 0;
  top: 0;
}

#footer span
{ display:none; }

#footer div
{ width: 100%;
  padding: 0 0 5px;
  display:inline-block;
}


}