@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,600,600italic&subset=latin,latin-ext);

html { height:100%; }
body { height:100%; }



#wrapper {

	width:100%;
	height:100%;

	background: #f1e767;
	background: -moz-linear-gradient(45deg, #f1e767 0%, #feb645 100%);
	background: -webkit-gradient(left bottom, right top, color-stop(0%, #f1e767), color-stop(100%, #feb645));
	background: -webkit-linear-gradient(45deg, #f1e767 0%, #feb645 100%);
	background: -o-linear-gradient(45deg, #f1e767 0%, #feb645 100%);
	background: -ms-linear-gradient(45deg, #f1e767 0%, #feb645 100%);
	background: linear-gradient(45deg, #f1e767 0%, #feb645 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1e767', endColorstr='#feb645', GradientType=1 );

	background: #0F1629;

}

#secondary-wrapper {

	width:100%;
	height:60%;
	position:absolute; top:20%; left:0;

	background-position:center center;
	background-size:contain;
	background-repeat:no-repeat;


}

#band {

	position:absolute;
	top:80%; left:0; margin-top:-130px;
	width:100%; overflow:hidden;

	background-color:#030408;
	padding:30px 0;
	height:160px;

}

.line { width:100%; height:30px; position:absolute; top:10px; left:0; overflow:hidden; margin:0 auto; }
.line.second { bottom:10px; top:auto; }

.line .col {

	-webkit-transform: skew(45deg);
	-moz-transform: skew(45deg);
	-o-transform: skew(45deg);
	-ms-transform: skew(45deg);
	transform: skew(45deg);

}

.line.second .col {

	-webkit-transform: skew(-45deg);
	-moz-transform: skew(-45deg);
	-o-transform: skew(-45deg);
	-ms-transform: skew(-45deg);
	transform: skew(-45deg);

}

.line .col { width:2%; height:30px; float:left; background-color:#FC0; }
.line .col:nth-child(2n) { background-color:#222; }


.text { font:2em 'Open Sans'; font-weight:600; font-style:italic; color:#FFEDA7; text-align:center; position:absolute; top:60px; left:0; width:100%; }

#contact-info { position:absolute; bottom:180px; left:0; width:100%; }
#contact-info li { font:2.5em 'Open Sans'; line-height:1.1em; color:#A2A6B9 !important; text-align:center; }
#contact-info li.title { color:#FFF; }

a { color:#A2A6B9 !important; }

@media (max-width: 767px) {

	.line .col { width:10%; }
	.text { font-size:1.5em; }

	#contact-info { bottom:200px; }
	#contact-info li { font-size:2.0em }

}

@media (min-width: 768px) and (max-width: 991px) {

	.line .col { width:5%; }
	.text { font-size:1.8em; }
}

@media (min-width: 992px) and (max-width: 1199px) {

	.line .col { width:3%; }

}

@media (min-width: 1200px) {



}