#wrapper
{   
    height:100%;
    background:url(images/bg.jpg);
    background-size:cover;
    background-position: center center;
}
#bg{
	height: 80%;
}

html,body{
    height:100%;
}
#foter{
	height: 20%;
	background: #2a2a2a;
	opacity: .9;
	color:#fff;
}
#ftr{	
	text-align: center;
	font-size: 18px;
	
}
#brand{
	display: table-cell;
	vertical-align: middle;
}
.center{
	max-width: 50%;
	margin-left: auto;
	margin-right: auto;
}
#ftr-text1{
	font-size: 15px;	
}
#testy{
	display: none;
}
#brand h2{
	font-size: 67px;
	font-weight: 600;
	color: #fff;
	float: right;
	margin-top: 0;
}

a {
	color: white;
}

a:active,
a:hover {
  color: #B2D234;
}

@media(min-width: 960px){
#ftr-text,#ftr-text1,#ftr-text2{
	display: table-cell;
	vertical-align: middle;
}
.center{
	padding-top: 70px;
}
}

@media(max-width: 959px){
	.col-sm-4{
		width: 100%;
	}
	#bg{
	height: 70% !important;
	}
	#foter{
		height: 30% !important;
	}
	#testy{
		display: block;
	}
	#ftr-text,#ftr-text2{
		display: none;
	}
	#ftrs-text2{
		display: none;
	}
	.tpad{
		padding-top: 20px;
	}
	#brand h2{
		font-size: 40px;
	}
}
@media(max-width: 480px){
	#bg{
	height: 60% !important;
}
	#brand h2{
		font-size: 17px;
	}
	#foter{
		height: 40% !important;
	}
}