/* Table of Content
==================================================
	#Font-Face
	#Site Styles
	#Media Queries */

/* #Font-Face
================================================== */


/* #Site Styles
================================================== */

/* ### general ### */
* { margin: 0; padding: 0; box-sizing: border-box; }
html, body { font-family: 'Open Sans', sans-serif; font-size: 14px; color: #f6deac; height: 100%; }
body { background: #0b0b0b; }
a { color: #f6deac; text-decoration: underline; }
a:hover { color: #f6deac; text-decoration: none; }
input, select, textarea { font-family: 'Open Sans', sans-serif; font-size: 14px; color: #f6deac; }
img { border: 0; display: block; }
ul, li { list-style: none; }
h1, h2, h3, h4, h5, h6 { margin-bottom: 20px; padding: 0; font-weight: 700; }
:focus { outline: none; }

/* ### global classes ### */
.clear { clear: both; visibility: hidden; line-height: 0; height: 0; }

/* ### wrapper ### */
#wrapper { position: relative; display: block; width: 100%; min-height: 100%; }

/* ### main container ### */
#mainCntr { max-width: 100%; }

/* ### header container ### */
#headerCntr { padding-top: 150px; position: relative; width: 100%; }
#headerCntr .logo img { margin: auto; max-width: 100%; }

/* ### content container ### */
#contentCntr { width: 100%; }

	/* ### content box ### */
	.contentBox { margin: 26px 0; width: 100%; text-align: center; }
	.contentBox h2 { color: #f6deac; font-size: 18px; }
	.contentBox ul { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
	.contentBox li { padding: 0 16px; position: relative; }
	.contentBox li:after { content: ""; position: absolute; right: -2px; top: 10px; width: 4px; height: 4px; border-radius: 50%; background: #f6deac; }
	.contentBox li:last-child:after { display: none; }
	.contentBox li strong { margin-right: 5px; font-weight: 700; }

/* ### footer container ### */
#footerCntr { overflow: hidden; width: 100%; }

	/* ### footer box ### */
	.footerBox { margin-top: 9px; }
	.footerBox ul { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
	.footerBox li { padding: 0 17px; position: relative; }
	.footerBox li:after { content: ""; position: absolute; right: -2px; top: 10px; width: 4px; height: 4px; border-radius: 50%; background: #f6deac; }
	.footerBox li:last-child:after { display: none; }

/* #Media Queries
================================================== */

@media only screen and (max-width: 767px) {

	h1, h2, h3, h4, h5, h6 { margin-bottom: 15px; }
	#headerCntr { padding-top: 60px; }
	.contentBox { margin: 25px 0 10px; }
	.contentBox h2 { font-size: 16px; }
	.contentBox li { padding: 0 12px; }
	.footerBox li { padding: 0 12px; }
}

@media only screen and (max-width: 479px) {

	body { font-size: 13px; }
	#headerCntr { padding-top: 40px; }
	.contentBox { margin: 20px 0 10px; }
	.contentBox ul { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
	.contentBox li { padding: 0 8px 3px; }
	.contentBox li:after { display: none; }
	.footerBox li:after { top: 11px; width: 3px; height: 3px; }

}