@import url(http://fonts.googleapis.com/css?family=Josefin+Sans:100,300,400,700|Medula+One);

a {color: #ffffff;}
a:hover {color: #ffffff;}
p {font-family: 'Josefin Sans', sans-serif; font-size: 23px; color: #ffffff;}
h3 {font-family: 'Medula One', cursive; font-size: 35px; color: #ffffff; text-transform: uppercase; margin: 0;}
h4 {font-family: 'Medula One', cursive; font-size: 30px; color: #ffffff; text-transform: uppercase; margin: 0;}
h5 {font-family: 'Medula One', cursive; font-size: 28px; color: #ffffff; margin: 0;}
li {list-style: none;}

body {margin: 0; padding: 0;}
.container {max-width: 1600px; width: 100%; margin: 0 auto; overflow: hidden;}
.header {background: #d5d5d5 url("/images/banner-bg.jpg") no-repeat; background-size: contain; width: 100%; height: 720px; padding: 0 160px;}
.header .logo {position:relative; width: 30%; z-index: 10;}
.header .logo a {position: relative; top: 20px;}
.header .header-info p {position: absolute; top: 70px; right: 340px; font-family: 'Medula One', cursive; font-size: 40px; color: #ffffff; text-align: right; line-height: 40px; margin: 0;}
.header .header-info a {position: absolute; top: 66px; right: 240px; display: block; text-indent: -9999px; background: url("/images/facebook.png") no-repeat; width: 90px; height: 90px;}
.header .text {position: relative; top: 70px; width: 35%;}
.header .text p {line-height: 32px;}
.bar {background: url("/images/bar.jpg") repeat-x; width: 100%; height: 8px}
.content {background: #1E0079; padding: 40px 160px;}
.content:after {content: ""; display: block; clear: both;}
.content .left {float: left;}
.content .agent {width: 40%; margin-right: 5%; padding-right: 4%; border-right: 2px solid rgba(255,255,255,0.5);}
.content .agent ul { margin: 0px; }
.content .agent li { margin: 0px; padding-bottom: 50px; }
.content .agent li:after {content: ""; display: block; clear: both;}
.content .agent img {float: left; width: 160px; height: 160px; margin-right: 30px;}
.content .agent div {float: left; 
	/*margin: 24px 0 0;*/ margin:0;
}
.content .agent div p,
.content .agent div a {font-family: 'Medula One', cursive; font-size: 24px; margin: 0; line-height: 30px;}
.content .info {width: 50%;}
.contact {background: #0D0043; padding: 30px 160px;}
.contact:after {content: ""; display: block; clear: both;}
.contact ul {margin: 0;}
.contact ul li {float: left; width: 25%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.contact ul li p {line-height: 30px; font-weight: normal; margin: 10px 0 0;}
.contact ul li h5,
.contact ul li h5 p {display: inline-block;}
.contact ul li a {font-family: 'Josefin Sans', sans-serif; font-size: 21px; text-decoration: none;}
.footer {background: #1E0079; padding: 30px 160px;}
.footer p {margin: 0; font-size: 18px; text-align: right;}
.footer p.copyright {float: left;}


	@media only screen and (max-width : 1200px) {
		.header,
		.content,
		.contact,
		.footer {padding-left: 100px; padding-right: 100px;}
		.header {background-size: 100%; height: 520px;}
		.header .logo a img {width: 65%;}
		.header .header-info p {right: 180px; top: 50px; font-size: 30px; line-height: 30px;}
		.header .header-info a {right: 80px; top: 45px; background-size: 80%;}
		.header .text p {font-size: 18px; line-height: normal;}
		.contact ul li {width: 50%; margin-bottom: 35px; height: 120px;}
	}

	@media only screen and (max-width : 992px) {
		.header,
		.content,
		.contact,
		.footer {padding-left: 80px; padding-right: 80px;}
		.header {background-size: 100%; height: 417px;}
		.header .text {width: 55%;}
	}

	@media only screen and (max-width : 768px) {
		.header,
		.content,
		.contact,
		.footer {padding-left: 50px; padding-right: 50px;}
		.header {background-size: cover;}
		.header .header-info p {right: 120px; top: 30px; font-size: 25px; line-height: 25px;}
		.header .header-info a {right: 20px; top: 27px; background-size: 60%;}
		.header .text {width: 80%;}
		.content .left {width: 100%; float: none; border: 0;}
		.content .left img,
		.content .left div {float: none;}
		.content .left ul {margin: 0;}
		.contact ul li {width: 100%; float: none; margin-bottom: 35px; height: 120px;}
		.footer p {text-align: center; display: block; float: none; margin-bottom: 15px;}
	}

	@media only screen and (max-width : 480px) {
		.header .logo a img {width: 90%;}
		.header .header-info p {right: 90px; top: 30px; font-size: 25px; line-height: 25px;}
		.header .header-info a {right: -10px; top: 27px; background-size: 60%;}
		.header .text p {font-size: 16px; line-height: 18px;}

	}

	@media only screen and (max-width : 320px) {
		
	}