html { font-size:55%; }
body { font-family:ff-meta-serif-web-pro, sans-serif; margin:0; background-color: #213438; color: white;}

h1 { 
	font-size:94px; font-size:9.4rem; line-height: 100px; line-height: 10rem;
	max-width: 800px; max-width: 80rem;
}
h2 { 
	max-width:800px; max-width:80rem;
	font-size:39px; font-size:3.9rem; 
	text-align: center;
	margin: 0 0 20px;
}

h3 { 
	max-width:800px; max-width:80rem;
	font-size:26px; font-size:2.6rem; 
	
	
}
p { 
	max-width:800px; max-width:80rem;
	font-size:22px; font-size:2.2rem; 
	line-height: 31px; line-height: 3.1rem;
	padding:0 0 50px; padding:0 0 5rem; 
} 
img { 
	display:block;
	max-width:100%;
	margin: 0 auto;
}

h2 + p, 
h2 + img {margin-top:30px; margin-top:3rem;}

h3 + p, 
h3 + img {margin-top:10px;  margin-top:1rem;}

h1,
h2,
h3,
p {	
	margin:0 auto;
}

img + p,
span + p,
img + h3 {margin-top: 50px; margin-top:5rem;}

a {
	color: #b1e1f3;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}
.caption + p {margin:0 auto;}

.caption {
	font-size: 18px; font-size: 1.8rem;
	line-height: 22px; line-height: 2.2rem;
	margin-top: 10px;
	text-align: center;
	font-style: italic;

}

p + p {margin: -25px auto 0; margin: -2.5rem auto 0;}



.obviuse {
	width: 36px; 
	height: 36px; 
	position: fixed; 
	z-index: 1; 
	margin-top: 20px; 
	margin-left: 20px;
}

.content {
	position: relative;
	background-image: url('../images/floor.png');
	background-repeat: no-repeat;
	background-position: center 0px;
	background-size: 1980px 959px; background-size: 198rem 95.9rem;
}

.container {
	width: 100%
	margin: 0 auto;


}

.section-introduction {
	position: relative;
	overflow: visible;
	padding: 783px 20px 0 20px;
}

.section-introduction h1 {text-align: center; }
.section-introduction p {
	font-size:26px; font-size:2.6rem;
	line-height: 37px; line-height: 3.7rem;
	margin-top: 20px; 
}


.section-introduction img{
	margin:0 auto;
	display:block;
	width:663px; width:63.3rem;
	padding:0px 0 100px; padding:0rem 0 10rem;
	position: relative;
}
 

.section-divider-1 {
	
	background-image: url(../images/divider.jpg), url(../images/bottom.png);
    background-repeat: repeat-x;
    background-position: top center, top bottom;
    padding: 60px 20px 15px;
}


.section-divider-2 {
	
	background-image: url(../images/divider2.png), url(../images/whitebottom.png);
    background-repeat: repeat-x;
    background-position: top center, top bottom;
    padding: 60px 20px 15px;
}


.section-divider-1 {background-color: #1a272a;}

.awards {width: 540px;margin: 50px auto 252px;}

.internetworld {float: left; width: 270px;}
.internetworld img {width: auto; height:100px; padding: 0 0 20px;}
.internetworld p {font-size: 12px; line-height: 18px; margin: 0; padding: 0; text-align: center;}

.publishing {width: 270px; float: left;}
.publishing img {width: auto; height:100px; padding: 0 0 20px;}
.publishing p {font-size: 12px; line-height: 18px; margin: 0; padding: 0; text-align: center;}

span img {box-shadow: 0px 42px 27px -30px rgba(0,0,0,.6), 0px 7px 142px rgba(255,255,255,.15)}
 
@media only screen and (min-width: 1260px) and (min-height: 760px) {
	html { font-size: 62.5%; }
	body { min-width:1240px;  }
	
	.section-introduction > a { padding:0px 0 50px; padding:0rem 0 5rem;}
	.section-introduction {	padding-top: 887px;}
}

@media only screen and (max-width: 650px) {
	html { font-size:50%; }	
	body { min-width:0; }
		
	h1,
	h2,
	h3,
	p { 
		width:100%;
	} 

	h1 {font-size: 46px; font-size:4.6rem; line-height:55px; line-height:5.5rem; }
	h2 {font-size: 32px; font-size:3.2rem; }
	
	.obviuse {
		margin-top: 10px; 
		margin-left: 10px;
		position:absolute;
	}
	.content {
		width:100%;
		background-position:center -10px;
		padding:0 0 10px;
		background-size: 1480px 717px; background-size: 148rem 71.7rem;
	}
	
	.container {
		width:100%;
		overflow:hidden;
	}

	.section-introduction {
		padding:560px 20px 0;
	}

	.section-introduction > a  {
		width:200px;
		padding:0;
	}
	.section-introduction img{
		width:100%;
		max-width:355px;
	}
	.awards {width: 271px; margin: 10px auto 390px;}
	.internetworld { margin: 0 0 33px 0;}
	.internetworld img {width: auto; padding: 0 0 20px; float: none;}
	.publishing img {width: 100px; padding: 0 0 20px;}

	span img {box-shadow: 0px 22px 17px -10px rgba(0,0,0,.6), 0px 7px 142px rgba(255,255,255,.15)}
}