@import url('reset.css');
@charset "utf-8";
/* CSS Document */

body{ margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:13px; overflow: hidden; background-color:#202a68;}

@font-face {
    font-family: 'OpenSansRegular';
    src: url('font/opensans-regular.eot');
    src: url('font/opensans-regular.eot') format('embedded-opentype'),
         url('font/opensans-regular.woff2') format('woff2'),
         url('font/opensans-regular.woff') format('woff'),
         url('font/opensans-regular.ttf') format('truetype'),
         url('opensans-regular.svg#OpenSansRegular') format('svg');
}

.container{float:left; width:100%; height:auto;}
.bc_bcg{float:left; width:100%; height:740px; }
.page{width:1003px; margin-right:auto; margin-left:auto;}
.top_logo{float:left; width:100%; height:auto;}
.logo h2{ font-size:30px; text-align:center; padding:11px; color:#000; }
.logo{width:47%; height:auto; border-radius:20px; -moz- border-radius:20px; -ms- border-radius:20px; -o- border-radius:20px; -webkit- border-radius:20px; box-shadow: 2px 2px 10px #000; -moz-box-shadow: 2px 2px 10px #000; -ms-box-shadow: 2px 2px 10px #000; -webkit-box-shadow: 2px 2px 10px #000; -o-box-shadow: 2px 2px 10px #000;text-align:center; margin-left:auto; margin-right:auto; background-color:#fff;}
.content{float:left; width:100%; height:auto; text-align:center;margin-top: 190px;}
.content h1{ font-size:30px; border-top:solid 1px #5361b4;   font-family: 'OpenSansRegular'; line-height:28px; padding-bottom:30px; padding-top:30px;  color: #0bcae7; text-transform:uppercase; text-shadow:0px 2px #000; }
.content p{ margin-top:20px; font-size:22px; color:#fff !important; line-height:28px; border-bottom:solid 1px #6F3; padding-bottom:15px;}
.content p span{font-size:20px;}
.footer{float:left; width:100%; height:auto;  text-align:center;}
.footer h5{color:#C60; font-size:17px; 
}
.footer a{ color: #fff;}
 @media only screen and (max-width:1024px){
	 .page{width:100%; height:auto; }
 }
 @media only screen and (max-width:920px){
	 .page{width:100%; height:auto;}
 }
@media only screen and (max-width:768px){
	 .page{width:100%; height:auto; }
	 .content h1{font-size:40px; padding-bottom:25px; padding-top:25px; margin-bottom:20px;}
	 .logo{width:100%; text-align:center;}
 }
 @media only screen and (max-width:600px){
	  .page{width:100%; height:auto; }
	  .content h1{font-size:28px;}
 }
 }
 @media only screen and (max-width:480px){
	  .page{width:100%; height:auto; border:solid 1px #FF3300;}
	  .content h1{font-size:24px;}
 }
 @media only screen and (max-width:360px){
	 .page{width:100%; height:auto;}
	 .content h1{font-size:22px;}
	 .logo img{width:100%; max-width:200px;}
	 .content{margin-top:34px;}
	
 }