@charset "UTF-8";

body {
	background-color: #000000;
	color: #ffffff;
}

p {
	color: #ffffff;
	font-family: "Open Sans", sans-serif;
}

h1 {
	font-family: "Kalam", cursive;
	font-size: 4rem;
	color: #FF6600;
	text-align: center;
}

h2 {
	font-family: "Kalam", cursive;
	font-size: 3rem;
	color: #FF6600;
	text-align: center;
}

h3 {
	font-family: "Kalam", cursive;
	font-size: 2.5rem;
	color: #FF6600;
	text-align: left;
}

.centered {
	float: none; 
	margin-left: 0; 
	margin-right: 0;
}

.logo_xs {
	max-height: 50px;
	padding-left: 10px;
	padding-top: 3px;
}
.logo_lg {
	max-height: 90px;
	padding-left: 10px;
	padding-top: 8px;
}
.row {
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
}
.footer_grad {
	background: #000000;
	background: -moz-linear-gradient(top, #000000 0%, #616161 100%);
	background: -webkit-linear-gradient(top, #000000 0%,#616161 100%);
	background: linear-gradient(to bottom, #000000 0%,#616161 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#616161',GradientType=0 );
}



@media (max-width : 767px ){
	.navbar-default {
		background-color: pink;
		min-height: 60px;
	}
	.navbar-brand,
	.navabar-nav li a {
		line-height: 10px;
		height: 10px;
		margin: 0;
		padding: 0;
	}
	.social {
		height: 60px;
		line-height: 60px;
		display:inline-block;
		padding: 10px;
	}
}

@media (min-width:768px){
	.navbar-default {
		background-color: pink;
		min-height: 100px;
	}
	.navbar-brand,
	.navabar-nav li a {
		line-height: 100px;
		height: 100px;
		margin: 0;
		padding: 0;
	}
	.social {
		height: 55px;
		line-height: 55px;
		float: right;
		padding: 10px;
	}
}