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

*{ margin:0; padding:0; }
img{ border:none; max-width:100%; }
.section:after { content: ""; display: table; clear: both; }

body{
	background:#313a41 url(img/wood-mobile.jpg) fixed;
	color:#fff;
	font-family:'Droid Serif',Georgia,Times,serif;
}

.mobile{ padding:1em 0 0; }
#wrap{ padding:.4em; }

h1{ display:none; }

#header{ background:url(img/bg-water.jpg); padding:0 2em 1em; box-shadow:0 0 12px #000; text-shadow:0 0 8px #111; }

#footer{ padding:1em 1em; text-align: center; text-shadow: 0 0 4px #111; }
#footer a{ color:#fff; font-weight:bold; text-decoration:none; }
#footer a img{ display:block; margin:0 auto; }
#footer h3{ font-family:"Playball",Georgia,serif; font-weight:400; font-size:2em; }

.section{
	background:#ded6c6;
	border:.4em #fff solid;
	box-shadow:0 0 18px #111;
	color:#111;
	margin:10em 0 1em;
	padding:1em 1em 2em;
}

img.top{ display:block; margin:-8em auto 0; }

.section p{ 
	border-bottom:1px solid #988660;
	font-size:.9em;
	margin:0 0 1em;
	padding:1em 0;
}

.country{ float:left; font-size:.7em; width:48%; }
.rating{ float:right; font-size:.7em; width:48%; }
.country img, .rating img{ display:block; margin:1em auto 0; }
.country h4{ display:none; }

h1, h2, h3, h4{ text-align:center; }
h2{ background:#b71404; color:#fff; font-family:"Playball",Georgia,serif; font-size:2.35em; margin:-.8em -.6em .25em; padding:.5em 0; text-shadow:4px 4px 0 #800; font-weight:normal; }
h3, h4{ font-size:1em; }
p{ line-height:1.4em; margin:1em 0; }
hr{ display:none; }




	
	

/* NON-MOBILE DEVICES ----------- */

@media only screen 
and (min-width : 640px) {

body{ background:url(img/bg-wood.jpg) fixed center center; }
#header{ background:#000 url(img/map.jpg) no-repeat center 0; height:900px; min-width:1070px; padding:0; }
#intro{ margin:0 auto 0; padding:30px 528px 0 0; width:452px; }
#btn-explore{ display:block; margin:0 auto; }
#wrap{ margin:0 auto; width:1070px; }
h1{ background:url(img/bg-h1.png) no-repeat; display:block; height:395px; text-indent:-9999px; }
.mobile{ display:none; }
.section{ border:10px solid #fff; border-radius:75px 0 0 0; margin:200px 45px 0; min-height:490px; padding:50px 0; position:relative; }
img.top {
    left: -65px;
	margin:0;
    position: absolute;
    top: -105px;
    width: 420px;
    z-index: 10;
}
h2{ font-size:80px; font-weight:400; height:120px; line-height:120px; padding:0 0 0 375px; text-align:left; margin:0 -10px 0 0; }
.section p{ border:0; color:#412c22; font-size:18px; line-height:1.5em; padding:165px 50px 0 375px; }
.country {
    float: none;
    left: 375px;
    padding-left: 135px;
    position: absolute;
    text-align: left;
    top: 220px;
    width: auto;
}
.rating {
    border-right: 1px solid #cabfae;
    float: none;
    position: absolute;
    top: 315px;
    width: 320px;
}

.country h3, .country h4{ color:#463513; display:block; font-size:15px; padding:8px 0 8px; text-align:left; }
.country img {
    left: 0;
    margin: 0;
    position: absolute;
    top: 0;
    width: 120px;
}
.country span{  }
.rating h3{ color:#463513; font-size:14px; }
.rating img{  }
.rating span{ display:block; font-family:"Playball",Georgia,serif; font-size:70px; margin-bottom:-10px; }
.section hr{
    background: url(img/banner-flag.png) no-repeat;
    border:none;
	display:block;
    height:119px;
    right:-52px;
    position:absolute;
    top:85px;
    width:42px;
	z-index:-1;
}
#footer {
    font-size: 20px;
    padding: 80px 95px 100px;
}
#footer h3 {
    border-bottom: 3px solid #fff;
    font-size: 70px;
    padding-bottom: 10px;
    text-shadow: 2px 2px 4px #111;
}

}