@import url('https://fonts.googleapis.com/css?family=Libre+Baskerville|Quicksand:300,700');

html { width: 100%; height: 100%; }
html, body { padding: 0; margin: 0; }
* { box-sizing: border-box; }

h1, h2, h3, h4, h5, h6, p, ul, li {
	margin: 0;
	padding: 0;
	font-family: 'Quicksand', sans-serif;
}
h1, h2, h3, h4 { 
	font-weight: 700;
}
h5, h6, p, ul, li {
	font-weight: 300;
}


section.block { width: 100%; margin: 0; }
section.block div.container { max-width: 1100px; width: 100%; margin-left: auto; margin-right: auto; }


/* ----- HEADER Styles ----- */
section.header {
	padding-top: 3em;
	padding-bottom: 3em;
	background-color: #ffc74a;
}
section.header h1 { text-align: right; font-family: 'Libre Baskerville', serif; padding: 0 1.5em; font-size: 36px;font-weight: 400; }
section.header h1 span { font-size: 44px; }
section.header h2 { text-align: right; font-weight: 300; padding: 0 1.5em; font-size: 36px; }



/* ----- TITLE Styles ----- */
section.title, section.sub-title {
	background-color: #000;
}
section.title div.container, section.sub-title div.container {
	padding-top: 0.25em;
	padding-bottom: 0.25em;
	background-color: #000;
}

section.title h3 { text-align: center; color: #fff; font-size: 30px; line-height: 30px; }
section.title h3 a img { height: 30px; }
section.title h3 a { text-decoration: none; color: #fff; }
section.title h3 a:hover { text-decoration: underline; color: #fff; }
section.sub-title p { color: #fff; text-align: center; font-size: 20px; }


/* ----- FOOTER Styles ----- */

section.contact, section.footer {
	padding-top: 1em;
	padding-bottom: 1em;
	background-color: #ffc74a;
}

section.contact h3 { text-align: center; color: #000; font-size: 30px; line-height: 30px; }
section.contact h3 a img { height: 30px; }
section.contact h3 a { text-decoration: none; color: #000; }
section.contact h3 a:hover { text-decoration: underline; color: #000; }


section.footer p { text-align: center; }
section.footer a { text-decoration: none; color: #000; }
section.footer a:hover { text-decoration: underline; }


/* ----- DETAILS Styles ----- */

section.details img {
	width: 100%;
	display: block;
}
section.details ul {
	padding: 1em 1em 1em 2em;
}
section.details li {
	font-size: 22px;
}

section.details p {
	font-size: 22px;
	padding: 1em;
	text-align: center;
}

section.details div.details-1, section.details div.details-2 { 
	border-right: 15px solid #ffc74a;
	height: 100%;
}
section.details div.details-2 {
	border-left: 15px solid #ffc74a;
}




/* ----- MISC ----- */
.non-mobile-image { display: none; }

@media screen and (min-width:35.5em) {
	.non-mobile-image { display: inline-block; }
}