@charset "UTF-8";
/* CSS Document */

@import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700,700italic|PT+Serif:400,700);

html {
	height: 100%;
  	width: 100%;
	background: rgb(2,0,36);
	background: linear-gradient(180deg, rgba(2,0,36,1) 0%, rgba(87,104,79,1) 0%, rgba(174,205,157,1) 100%) fixed;
	background-repeat:no-repeat;
	background-size: cover;
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body {     
	color: #fff;
	font-family: 'PT Sans', sans-serif;	
    margin: 0;
	padding: 0;
	
	}

h1, h2 {
	color: #fff;	
	font-family: 'PT Serif', serif;}
	
h3, h4 {color: #666;	
	font-family: 'PT Serif', serif;}

h1 {font-size: 38px;line-height:40px;tex-align:center;font-weight:normal;}
h2 {font-size: 28px;line-height:30px;text-align:center;}
h3 {font-size:22px;line-height:28px;}
h4 {font-size:20px;line-height:26px;}
.center {text-align:center;}
ul.btns {margin: 1.5em;padding: 1.5em;font: 18px;list-style: none;text-align:center;text-transform:uppercase;}  
ul.btns li {display: inline;margin:.25em;}  
ul.btns li a {padding: .875em;color: #fff;background-color: #57684f;text-decoration: none;-webkit-transition: background-color 500ms ease-out;-moz-transition: background-color 500ms ease-out;transition: background-color 500ms ease-out;}
ul.btns li a:hover {color:#666;background-color: #f1f7ee;-webkit-transition: background-color 500ms ease-out;-moz-transition: background-color 500ms ease-out;transition: background-color 500ms ease-out;}
p {
	font-size: 16px;
    line-height: 24px;
}


a {	
	color: #afcf9f;
	font-size: 18px;
	font-weight: normal;
	text-decoration: none;	
}

a:hover {
	color: #afcf9f;
	text-decoration: underline;	
}

.alignleft {
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
}
.alignright {
	float: right;
	margin-left: 20px;
	margin-bottom: 10px;
}

.header {
	width: 100%;
	/*background: #a7bcab;*/
	text-align:center;	
}

.main-text {
	width: 80%;
	padding:0 5%;margin:0 auto;		
	border-top: 1px dotted #999999;
	border-bottom: 1px dotted #999999;
}

.box {
	width: 80%;
	border: 2px solid #d4e7ca;
	color: #666666;
	padding: 20px;
	margin: 10px 2% 10px 10%;
	background: #f1f7ee;
}

.box-left {
	width: 35%;
	min-height:630px;
	border: 2px solid #d4e7ca;
	float: left;
	padding: 20px;
	margin: 10px 2% 10px 10%;
	overflow:hidden;
	background: #f1f7ee;
}

.box-right {
	width: 35%;
	min-height:630px;
	border: 2px solid #d4e7ca;
	float: left;
	padding: 20px;
	margin: 10px 5% 10px 2%;
	overflow:hidden;
	background: #f1f7ee;
}

.text-center {
	text-align: center;
}

.copyright {
	width: 100%;
	margin: 0 auto;
	color: #ffffff;	
	text-align: center;	
	font-size: 16px !important;
	padding: 35px 0;	
}
	
.clear {
	clear: both;
	height: 0;
	width: 0;
}
@media screen and (max-width: 1210px) {	
.box-right, .box-left {min-height:755px;}	
}

@media screen and (max-width: 900px) {	
.box, .box-right, .box-left {width:95%;margin:2% auto;padding:2%;float:none;min-height:785px;}	
}

@media only screen and (max-width: 760px) {
ul.btns li {display: block;margin-bottom:40px;}

@media screen and (max-width: 480px) {
.header img {width:90%;height:auto;margin: 0 auto;}
.box img{margin:o auto;text-align:center;width:50%;padding:0 25%;}
.box-left img{margin:o auto;text-align:center;width:50%;padding:0 25%;}
.box-right img{margin:o auto;text-align:center;width:50%;padding:0 25%;}
.box-left h3, p {text-align:center;}
.box-right h3, p {text-align:center;}
	}