/**************/
/*UNIVERSAL STYLES */
/*************/

html {
	margin:0;
	padding:0;
	background: url(../img/background2.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;  	
}

body {
	width:100%;
	opacity:0.9;
	font-family:"Titillium Web", helvetica,sans-serif;

}

#wrapper {
	margin:0 auto;
}

.result {
	display:block;
}

.newboxes {
	position: absolute;
	width:320px;
	height:495px;
	top:55px;
	left:50%;
	margin-left:-160px;
	display:none;
}

#newboxes1 {
	display:block;
	z-index:5;
}


h1 {
	text-indent: -9999px;
	width:1px;
	height:1px;
}

/**************/
/*TYPOGRAPHY */
/*************/
 
p, ul.answer, .result ul li, a, a:visited,  h1, h2, h3, h4, .qbox p, .qbox ul li, .result ul li, .result p {
	text-align:center;
	font-family:"Titillium Web" helvetica, sans-serif;
	color:#fff;
}

.qbox p {
	font-weight: 700;
	padding:10px 0;
}

ul.answer li {
	padding:10px 0;
}


/*HYPERLINKS*/
ul.answer li a, ul.answer li a:visited, .qbox a, .qbox a:visited, .result a, .result a:visited {
	color:#fff;
	text-decoration:none;
}

ul.answer li a:hover, .qbox a:visited {
	text-decoration: underline;
}


/**************/
/*MOBILE FIRST */
/*************/
@media screen and (min-width: 200px) {

	#wrapper {
		max-width:620px;
		/*background-color:blue;*/
	}
	#mobile-header-cont {
		top:0;
		left:0;
		position: fixed;
		width:100%;
		z-index: 90;
		
	}

	#desktop-header {
		display:none;
	}

	#mobile-header {
		background-color:#ae1615;
		height:45px;	
	}

	#mobile-footer-cont {
		position: fixed;
		left:0;
		bottom:0;
		z-index:20;
		width:100%;
		
	}

	#mobile-footer {
		height:25px;	
		background-color:#ae1615;
		padding-top:5px;
	}

	#mobile-footer a {
		font-family: georgia, serif !important;
		font-weight:bold;
		text-align: center;
		text-decoration:none;
		font-size:15px;

	}

	#desktop-footer {
		display: none;
	}

	#desktop-headline {
		display:none;
	}

	.map-cont, iframe, embed {
		display:none;
	}

	/*MOBILE TYPOGRAPHY*/

	h2 {
		text-align: center;
		font-size:25px;
		padding-top:10px;
	}

	.qbox p {
		font-size:25px;
		line-height: 30px
	}
	
	ul.answer {
		font-size:22px;
	}

	.result p {
		font-size:24px;
		padding-top:15px;
	}


	.result ul li {
		font-size:20px;
		padding-bottom:5px;
	}

	.result ul li:first-child {
		text-decoration: underline;
		font-size:26px;
		font-weight:700;
	}

	.result ul li a {
		text-decoration: underline;
	}
}

/* DESKTOP AND TABLET STYLES */
@media screen and (min-width: 715px) {
	#wrapper {
		max-width:800px;
		height:650px;
	}
	
	#mobile-header-cont, #mobile-header, #mobile-footer-cont {
		display:none;
	}

	#desktop-header {
		display:block;
		background-color:#ae1615;
		height: 45px;
	}

	#desktop-header h3 {
		text-align: center;
		font-family:georgia, serif;
		padding-top: 10px;
		font-size:20px;
		color:#fff;
		max-width: 960px;
	}

	#desktop-footer {
		display:block;
		padding-top:650px;
	}

	.newboxes {
		width:720px;
		left:50%;
		margin-left:-360px;
		top:120px;
	}

	.q1 {
		width:350px;
		margin-left:0;
		padding-top:20px;
		float:left;
		padding-left:10px;
	}

	#desktop-headline {
		display:block;
		height:50px;
	}

	.map-cont {
		display:block;
		width:350px;
		float:left;
		margin-left:10px;
	}

	.map-cont:after {
		content: ".";
		clear:both;
		visibility: hidden;
	}

	.map-cont img {
		width:350px;
	}

	/*DESKTOP TYPOGRAPHY */
	p.attribution {
		font-family:georgia, serif;
		text-align:right;
		font-size:14px;
		font-style: italic;
		padding-right:20px;
	}

	h4 {
		font-size:45px;
		text-align: center;
		font-weight: 700;
		color:#fff;
	}

	.result ul li {
		padding-bottom:12px;
	}
	.result p {
		padding-top:45px;
	}

}


/*Desktop Only Layout */

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

	#wrapper {
		max-width:960px;
	}




}