@charset "utf-8";
/* CSS Document */
body {
	background-color: #ff9101;
}
body, html {
	height: 100%;
}
.content-box {
	margin: 10% 0 5% 0;
}
.content-box h1 {
	display: block;
	color: #2b2220;
	font-family: demo;
	font-size: 28rem;
	font-weight: 500;
	letter-spacing: 2px;
	text-align: center;
}
.map-box {
	position: relative;
	display: block;
	width: 60%;
	height: 600px;
	border: 5px solid #fff;
	margin: 80px auto;
	border-radius: 3px;
	z-index: 1000
}
.map-box iframe{
	position: absolute;
	top: 0;
}
.placeholder{
	position: relative;
	display: block;
	margin: auto;
	height: 100%;
	background: url(../../../images/icons/loader_1.gif) center no-repeat #fff;
}
@media (min-width: 2660px) and (max-width: 2860px) {
.content-box {
	margin: 10% 0 5% 0;
}
.content-box h1 {
	font-size: 36rem;
	font-weight: 500;
	letter-spacing: 1px;
}
.map-box {
	width: 70%;
	height: 900px;
	margin: 80px auto;
	border-radius: 3px;
}
}
@media (min-width: 2361px) and (max-width: 2659px) {
.content-box {
	margin: 10% 0 5% 0;
}
.content-box h1 {
	font-size: 32rem;
	font-weight: 500;
	letter-spacing: 1px;
}
.map-box {
	width: 65%;
	height: 800px;
	margin: 60px auto;
	border-radius: 3px;
}
}

@media (min-width: 2161px) and (max-width: 2360px) {
.content-box {
	margin: 10% 0 5% 0;
}
.content-box h1 {
	font-size: 30rem;
	font-weight: 500;
	letter-spacing: 1px;
}
.map-box {
	width: 65%;
	height: 700px;
	margin: 60px auto;
	border-radius: 3px;
}
}

@media (min-width: 1850px) and (max-width: 2159px) {
.content-box {
	margin: 10% 0 5% 0;
}
.content-box h1 {
	font-size: 26rem;
	font-weight: 500;
	letter-spacing: 1px;
}
.map-box {
	width: 65%;
	height: 700px;
	margin: 60px auto;
	border-radius: 3px;
}
}

@media (min-width: 1600px) and (max-width: 1849px) {
.content-box {
	margin: 12% 0 5% 0;
}
.content-box h1 {
	font-size: 26rem;
	font-weight: 500;
	letter-spacing: 1px;
}
.map-box {
	width: 70%;
	height: 550px;
	margin: 60px auto;
	border-radius: 3px;
}
}

@media (min-width: 1360px) and (max-width: 1599px) {
.content-box {
	margin: 12% 0 5% 0;
}
.content-box h1 {
	font-size: 24rem;
	font-weight: 500;
	letter-spacing: 1px;
}
.map-box {
	width: 70%;
	height: 550px;
	margin: 60px auto;
	border-radius: 3px;
}
}

@media (min-width: 1200px) and (max-width: 1359px) {
.content-box {
	margin: 12% 0 5% 0;
}
.content-box h1 {
	font-size: 22rem;
	font-weight: 500;
	letter-spacing: 1px;
}
.map-box {
	width: 80%;
	height: 500px;
	margin: 60px auto;
	border-radius: 3px;
}
}

@media (min-width: 1024px) and (max-width: 1199px) {
.content-box {
	margin: 15% 0 5% 0;
}
.content-box h1 {
	font-size: 22rem;
	font-weight: 500;
	letter-spacing: 1px;
}
.map-box {
	width: 85%;
	height: 450px;
	margin: 60px auto;
	border-radius: 3px;
}
}

@media (min-width: 769px) and (max-width: 1023px) {
.content-box {
	margin: 20% 0 5% 0;
}
.content-box h1 {
	font-size: 20rem;
	font-weight: 500;
	letter-spacing: 1px;
}
.map-box {
	width: 97%;
	height: 450px;
	margin: 60px auto;
	border-radius: 3px;
}
}

@media (min-width: 600px) and (max-width: 768px) {
.content-box {
	margin: 23% 0 5% 0;
}
.content-box h1 {
	font-size: 20rem;
	font-weight: 500;
	letter-spacing: 1px;
}
.map-box {
	width: 97%;
	height: 400px;
	margin: 60px auto;
	border-radius: 3px;
}
}

@media (min-width: 480px) and (max-width: 599px) {
.content-box {
	margin: 30% 0 5% 0;
}
.content-box h1 {
	font-size: 18rem;
	font-weight: 500;
	letter-spacing: 1px;
}
.map-box {
	width: 97%;
	height: 400px;
	margin: 40px auto;
	border-radius: 3px;
}
}

@media (min-width: 320px) and (max-width: 479px) {
.content-box {
	margin: 35% 0 5% 0;
}
.content-box h1 {
	font-size: 16rem;
	font-weight: 500;
	letter-spacing: 1px;
}
.map-box {
	width: 97%;
	height: 400px;
	margin: 40px auto;
	border-radius: 3px;
}
}