/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {


	footer.top_footer{
		height: 100px;
		bottom: 55px;
	}
	footer.copyright{
		height: 55px;
		bottom: 0px;
	}
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px){

	.brand{
		margin-top: -28px;
		display: block;
	}

	footer.top_footer{
		height: 100px;
		bottom: 55px;
	}
	footer.copyright{
		height: 55px;
		bottom: 0;
	}
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width:1200px) {

	.brand{
		margin-top: -28px;
		display: block;
	}
	.brand img{width: 350px;}

	#banner{
		height: 410px;
		padding-bottom: 0px;

	}
	#banner a#join_now{margin: 0 0 0 105px;}
	#banner .join span{text-align: center;}

	#info .row.stats{
		width: 970px;
		margin: 0 auto;
	}

	footer.top_footer{
		height: 100px;
		bottom: 55px;
	}

	footer.copyright{
		height: 55px;
		bottom: 0;
	}

	footer .terms{
		margin: 0 0 0 10px;
	}


}