html,body {
}
body {background:#222;font-family: "Lato", Helvetica, Arial, sans-serif;color:white;overflow: hidden;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {font-family: "Lato", Helvetica, Arial, sans-serif;font-weight:900;}
h3{font-weight:400;}
a {color: white;text-decoration: none;}
a:hover, a:focus {color: white;opacity:0.6;}
#head{padding-top:25px;}
#head h1 {font-size:80px;line-height:80px;font-weight:100;margin: 0 0 32px;text-align: center;text-transform: uppercase;}
#head h3 {font-weight:300;}
#head hr {border-top: 1px solid white;width:40px;}
@media only screen and (max-width: 1210px) {.divider:before, .divider:after {max-width:300px;}}
@media only screen and (max-width: 1010px) {.divider:before, .divider:after {max-width:200px;}}
@media only screen and (max-width: 780px) {.divider:before, .divider:after {max-width:100px;}
	.navbar-inverse{background-color: rgb(0, 0, 0);
    /* RGBa with 0.3 opacity */
    background-color: rgba(0, 0, 0, 1);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
	}
}
@media only screen and (max-width: 690px) {
	#head h1 {
		font-size: 60px;
		line-height: 60px;}}
@media only screen and (max-width: 510px) {
		#head h1 {
		font-size: 40px;
		line-height: 40px;
	}
	#head h3 {
		font-size: 18px;
	}
	.countdown{
		font-size:60px;
		line-height:60px;
	}
	footer .social-icons .fa {
		font-size: 20px;
	}
	.divider:before, .divider:after {
		max-width:50px;
	}
	.divider h2, .divider i{
		font-size:25px;
	}
}
@media only screen and (max-width: 340px) {
		#head h1 {
		font-size: 25px;
		line-height: 25px;
	}
	.divider:before, .divider:after {
		max-width:30px;
	}}
@media only screen and (max-width: 300px) {
	.divider:before, .divider:after {
		max-width:0px;
	}
		.divider h2, .divider i{
		font-size:20px;
	}}