/* =================================
Base Element Styles
==================================== */

* {
	box-sizing: border-box;
}

html{
	color: white;
}
body {
	font-family: 'Varela Round', sans-serif;
	line-height: 1.6;
	background-color: #0B0B0B;
}

p {
	font-size: .95em;
	margin: 0;
	padding: 0;
}

h2,
h3 {
	text-shadow: 1px 1px 5px #B4AB9A;
	margin-top: 10px;
}

a {
	text-shadow: 1px 1px 5px #FFFFFF;
	text-decoration: none;
}



/* ================================= 
Base Layout Styles
==================================== */

/* ---- Navigation ---- */
h2, h3 {
	text-shadow: 1px 1px 5px white;
	text-align: center;
	font-size: 1.5em;
	padding: 10px 0;
}


/* ---- Main Layout - Main body ---- */


/* -- contact detail -- */

#contact {
	padding: 20px;
	text-align: center;
}
#logo {
	display: block;
	width: 100%;
	max-width: 562px;
	margin: 0 auto;
}

#contactdetail {
	text-shadow: 1px 1px 5px #B4AB9A;
	font-size: 1.1em;
	padding-bottom: 10px;
	font-weight: bold;

}

#contactdetail,
#faq{
	font-size: 1.15em;
	margin: 20px 0 0;
	text-shadow: 1px 1px 5px #EDEDED;
}

#contactdetail a:hover {

	text-decoration: none;
	text-shadow: 1px 1px 5px #B4AB9A;
}


#phone, .mail {

	color: #9D9DE5;;

}
#phone a{
	background-image: url('../thumbs/assets/phone3.png');
	background-repeat: no-repeat;
	background-size: 20px;
	padding-left: 20px;
	margin-right: 15px;

}
.mail a{
	background-image: url('../thumbs/assets/mail3.png');
	background-repeat: no-repeat;
	background-size: 20px;
	padding-left: 20px;

}


/* -- FAQ -- */

.faq {

	font-size: .85em;
	padding: 0 10px 20px 10px;
	text-align: left;

}
.faq ul {
	padding: 0;
	width: 90%;
	margin: 0 auto;
}
.faq p {
	color:#95EFFF;
	font-weight: bold;
	margin-left: -15px;
}
#faq {
	font-size: 1.4em;
	text-align: center;
	padding-top: 50px;
}

.list p {
	padding: 10px 0 20px 0;
	font-size: 1.1em;
	text-shadow: 1px 1px 5px #4B4B4B;


}


/* ---- Footer ---- */

.footertitle {
	padding: 10px;
	font-size: 1.1em;
	text-shadow: 1px 1px 8px grey;
}
.footerp {
	padding: 10px;
}

footer {
	background-color: #191D1A;
	text-align: center;
	text-shadow: 1px 1px 5px;

}

/* ---- Links ---- */

.mail a:link, #phone a:link,
.mail a:visited, #phone a:visited {
	color: #448D79;
	font-size: 1.1em;
	text-shadow: 1px 1px 5px #272727;
}
a:hover {
	text-shadow: 1px 1px 5px blue;
	text-decoration: underline;
}

#clickhere {
	color: #FFBABA;
	text-shadow: 1px 1px 5px #0E0E19;
}
.clearfix::after {
	content: " ";
	display: table;
	clear: both;
}



/***************************
MEDIA QUERIES
**************************/
@media (min-width: 768px) {



	#contactdetail,
	#faq{
		font-size: 1.7em;
		margin: 20px  0;
		text-shadow: 1px 1px 5px #696969;
	}

	.faq {
		width: 80%;
		margin: 0 auto;
	}
	.faq li {
		list-style-type: none;
		padding: 10px;
	}


}




@media (min-width: 1366px) {



	.faq {
		font-size: 1.1em;
	}
}