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

*{ padding:0px; margin:0px; }

body { 
  padding:0px; margin:0px;
  font-family:Arial, Helvetica, sans-serif; font-weight:normal;
}

html { 
  background: url(../images/agathis_bg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.wrap{
	width:1200px;
	margin:auto;
	text-align:left;
}
	
header, footer, section, aside, nav, article {display: block;}	
	
h1,h2,h3,h4{ padding:0px; margin:0px; }
ul{ padding:0px; margin:0px; }
p{ padding:0px; margin:0px; }
a{ text-decoration:none; }
a img{ border:0px; }
img{ max-width:100%; height:auto; }
table, table th, table td, cellpadding, cellspacing, border{border: medium none; border-collapse: collapse; padding: 0;}
header, nav, footer {margin:0px 0px;}

.content{
	width:94%;
	height:auto;
	float:left;
	position:relative;
	clear:both;
	background:#000000;
  	background:rgba(0,0,0,0.8);
	text-align:center;
	margin-top:12%;
	padding:3%;
}

.content h2{
	color:#FFFFFF;
	font-family:'theano_didotregular';
	font-size:100px;
	text-transform:uppercase;
}

.content h3{
	color:#FFFFFF;
	font-family:'theano_didotregular';
	font-size:25px;
}

.content h4{
	color:#FFFFFF;
	font-family:'theano_didotregular';
	font-size:30px;
}

.content ul{
	margin: 3px 0 0 30px;
	padding: 0px;
	text-align: left;
}

.content ul li {
    color: #ffffff;
    font-size: 16px;
    line-height: 23px;
    padding: 5px 0;
    font-family:'theano_didotregular';
}

.content p {
    color: #ffffff;
    font-size: 16px;
    line-height: 23px;
    padding: 5px 0;
    font-family:'theano_didotregular';
}

@media screen and (max-width: 1280px){	
	.content {
	    margin-bottom: 3%;
	    margin-top: 3%;
	}
}

@media screen and (max-width: 1200px){	

	.wrap {width: 100%;}		
	.content{width:96%;	padding:2%; margin-top: 5%; margin-bottom: 2%;}
	.content h2{font-size:90px;}
	.content h3{font-size:22px;}
	.content h4{font-size:30px;}
}

@media screen and (max-width: 1050px){	
	.content h2{font-size:80px;}
	.content h3{font-size:22px;}
	.content h4{font-size:28px;}
}

@media screen and (max-width: 1280px){	
	.content{margin-top:18%;}
}

@media screen and (max-width: 1024px){	
	.content{margin-top:8%;}
}

@media screen and (max-width: 960px){	
	.content{margin-top:30%;}
}

@media screen and (max-width: 800px){	
	.content h2{font-size:60px;}
	.content h3{font-size:20px;}
	.content h4{font-size:25px;}
}

@media screen and (max-width: 700px){	
	.content h2{font-size:52px;}
	.content h3{font-size:21px;}
}

@media screen and (max-width: 640px){	
	.content{margin-top:4%;}
}

@media screen and (max-width: 600px){	
	.content h2{font-size:43px;}
	.content h3{font-size:20px;}
}

@media screen and (max-width: 500px){	
	.content h2{font-size:43px;}
	.content h3{font-size:20px;}
}

@media screen and (max-width: 480px){	
	.content h2{font-size:40px;}
	.content h3{font-size:18px;}
}

@media screen and (max-width: 400px){	
	.content h2{font-size:35px;}
	.content h3{font-size:20px;}
}

@media screen and (max-width: 360px){	
	.content{margin-top:39%;}
}

@media screen and (max-width: 320px){	
	.content h2{font-size:35px;}
	.content h3{font-size:20px;}
}

.content p a{
	color:#ffe60f;
}