body {font-family: 'Segoe UI', arial; font-size:16px; background:#181c29 url(../images/bg.jpg) center 600px no-repeat;}
.wrapper {width:100%; float:left; background:url(../images/headbg.png) no-repeat center top;}
header {width:100%; background:#ffffff; padding:10px 0; border-top: 2px solid #000000;}
.container {width: 940px; margin:auto;}
.logo{width:389px; margin:auto;}
.logo img{width:100%;}
.banner {min-height:393px; background:#cfcfcf url(../images/banner.jpg) no-repeat top center; color:#ffffff; font-size:30px; font-weight:300; padding:50px 0;}
.banner p:nth-child(1) {color:#0bfcc2; text-transform:uppercase; margin-bottom:20px;}
.banner p:nth-child(2) {color:#eaff00; }
 
.banner a {background: none; color:#ffffff; text-decoration:none; font-size:20px; border:1px solid #ffffff; padding:15px; margin-top:10px; float:left; transition: all 500ms;}
.banner a:hover {background:#199c7c;}
.box {width:100%; float:left;}
 
.box div:nth-child(1) {background:#ffffff; padding:30px; float:left; width:60%; box-sizing: border-box; line-height:30px; margin-top:30px; border-bottom: 5px solid #4e5366;}
.box div:nth-child(1) h1 {text-transform:uppercase; color:#000; font-weight:400; margin:auto; padding:0; margin-bottom:15px 0; font-size:22px;}
.box div:nth-child(1) h1 span {color:#dd2235;}
.box div:nth-child(1) p span {color:#dd2235;}
.box div:nth-child(1) ul {margin: 0 0 0 25px; padding:0;}
.box div:nth-child(1) ul li {list-style-image:url(../images/bullet.png); line-height:25px;}
.box div:nth-child(2) {background:#ededed; margin-top:30px; float:right; width:37%; box-sizing: border-box; color:#ffffff; font-size:15px; line-height:23px; font-weight:100; text-align:justify; }
.box div:nth-child(2) h1 {text-transform:uppercase; color:#fcff00; font-weight:400; margin:auto; padding:0; margin-bottom:15px; font-size: 20px;}
.box div:nth-child(1) a {background:#2b366e; color:#fff; text-decoration:none; transition: all 500ms; padding:5px 10px; float:left; margin-top:10px;}
.box div:nth-child(1) a:hover {background:#222222; color:#fcff00;}
.color-blk{color:#000;}
footer {background:#202020; color:#ffffff; line-height:22px; text-align:center; width:100%; float:left; padding:30px 0; margin-top:20px;}
footer a {color:#fc2205; text-decoration:none;}

/* hi-res laptops and desktops */
@media (max-width:1281px) {
	.wrapper {width:100%;}
	.container{width:940px;}
}
/* hi-res laptops and desktops */

/* big landscape tablets, laptops, and desktops */
@media (max-width:1025px) {
	.wrapper {width:100%;}
	.container{width:940px;}
}
/* big landscape tablets, laptops, and desktops */

/* tablet, landscape iPad, lo-res laptops ands desktops */
@media (max-width:961px) {
	.wrapper {width:100%;}
	.container{width:90%;}
	.box div:nth-child(2) {width:60%;}
	.box div:nth-child(3) {width:37%;}
}
/* tablet, landscape iPad, lo-res laptops ands desktops */

/* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */
@media (max-width:641px) {
	.wrapper {width:100%;}	
	.container {width:90%;}
	 header {text-align:center;}
	.box div:nth-child(2) {width:100%;}
	.box div:nth-child(3) {width:100%; float:left;}
}
/* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */

/* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */
@media (max-width:481px) {
	.wrapper {width:100%;}	
	.container {width:90%;}
	.banner {background: #222; padding:20px 0;}
	 header {text-align:center;}
	.box div:nth-child(1) {width:100%;}
	.box div:nth-child(2) {width:100%; float:left;}
}
/* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */

/* smartphones, iPhone, portrait 480x320 phones */
@media (max-width:360px) {
	.wrapper {width:100%;}	
	.logo{width:100%; margin:auto;}
	.logo img{width:100%;}
	.container {width:90%;}
	.banner {background: #222; padding:20px 0; float:left;}
	 header {text-align:center;}
	.box div:nth-child(1) {width:100%;}
	.box div:nth-child(2) {width:100%; float:left;}
}
/* smartphones, iPhone, portrait 480x320 phones */