 
 
html { font-size:50%; }
body { min-width:992px; font-family:ff-meta-serif-web-pro; margin:0; -webkit-text-size-adjust: auto; }
h1 { 
	font-size:94px; font-size:9.4rem; 
	line-height: 100px; line-height: 10rem; 
	width: 700px; width: 70rem;
}
h2 { 
	width:800px; width:80rem;
	font-size:26px; font-size:2.6rem; 
	line-height:34px; line-height:3.4rem;
}
p { 
	width:800px; width:80rem;
	font-size:22px; font-size:2.2rem; 
	padding:0 0 50px; padding:0 0 5rem; 
	line-height:30px; line-height:3rem;
} 
img { 
	display:block;
	width:100%;
	padding:0 0 50px; padding:0 0 5rem; 
	border:none;
}

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

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

.caption + p {margin:0 auto;}

.caption {

	font-size: 16px; font-size: 1.6rem;
	margin-top: -60px;
	text-align: center;
	font-style: italic;

}

em { font-style:italic;}

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

a:hover{
	text-decoration: underline;
}

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

.content {
	position: relative;
	background-image: url('../images/floor.jpg');
	background-repeat: no-repeat;
	background-position: center 0;
	background-size: 2130px 498px; background-size: 213rem 49.8rem;
	padding:0 0 50px;
}

.container {
	width: 960px;
	margin: 0 auto;
	padding: 0 20px; padding: 0 2rem;
}

.section-introduction {
	
	position: relative;
	overflow: visible;
}

.section-introduction h1 {text-align: center; margin-top: -80px; }
.section-introduction p {
	font-size:24px; font-size:2.4rem;
	margin-top: 20px; 
}
.section-introduction > a { 
	display:block;
	width:569px; width:56.9rem;
	margin:0 auto;
	padding:0px 0 100px; padding:0rem 0 10rem;}
.section-introduction img{
	display:block;
	top: 20px 2rem;
	width:569px; width:56.9rem;
	position: relative;
	padding-top: 15px;
}
 
 
@media only screen and (min-width: 1260px) and (min-height: 760px) {
	html { font-size: 62.5%; }
	body { min-width:1240px;  }
	.container { width: 1200px; }
	.section-introduction > a { padding:0px 0 50px; padding:0rem 0 5rem;}
	.section-introduction h1 {margin-top: -40px; }
	.caption { margin-top: -70px; }
}

@media only screen and (max-width: 650px) {
		
	body { min-width:0; }
		
	h1,
	h2,
	p { 
		width:100%;
	} 
	h1 { font-size:42px; line-height:46px; margin:20px 0 0;}
	.caption {

		font-size: 14px;
		margin-top: -40px;

	}
	.section-introduction h1 {margin-top: 10px; }
	.section-introduction img {
	padding-top: 0px;
	margin-top: 10px;
	}
	.content {
	
	
	background-size: 2130px 458px; background-size: 213rem 45.8rem;
}

	.obviuse {
		margin-top: 10px; 
		margin-left: 10px;
		position:absolute;
	}
	.content {
		width:100%;
		background-position:center -200px;
		padding:0 0 10px;
	}
	.container {
		width:90%;
		overflow:hidden;
	}
	.section-introduction   {
		top: 30px 3rem;
	}
	.section-introduction > a  {
		width:200px;
		padding:0;
	}
	.section-introduction img{
		width:100%;
		max-width:355px;
	
	}
}


