body{
	
	background:#000000 url("../img/steal_bg.jpg") no-repeat center top;
	background-size: cover;
	width: 100%;
	height: 100%;
	text-align: center;
	min-height: 600px;
	
}
#content-container{
	position: relative;
	height: 100%;
	min-height: 800px;
}
#content-container a{
	text-decoration: none;
}
#active-barbers-logo{

	max-width: 632px; 
	margin:0 auto;
	padding-top: 80px;
	padding-bottom: 70px;
	
}
#commerce-logo-holder{
	
	position: absolute;
	bottom: 30px;
	width: 100%;

}
#commerce-logo{
	
	max-width: 184px; 
	margin:0 auto;

}
img{

	width: 100%;
	
}
#enter-btn{

	color: #ffffff;
	border: 2px solid #000000;
	padding: 14px 0px;
	background: #464646;
	width: 214px;
	border-radius: 15px;
	margin: auto;

}
#enter-btn:hover{

	color: #ffffff;
	border: 2px solid #404040;
	padding: 14px 0px;
	background: #888787;
	width: 214px;
	border-radius: 15px;
	margin: auto;
	cursor: pointer;
}
/* Responsive
-------------------------------------------------- */

/* Desktop (large): >= 1200px
------------------------- */
@media (min-width: 1200px) {
  
}

/* Desktop (medium): >= 992px 
------------------------- */
@media (max-width: 992px) {
 
}

/* Tablet to desktop: 768px - 991px
------------------------- */
@media (min-width: 768px) and (max-width: 991px) {
	
}

/* Tablet: <= 768px
------------------------- */
@media (max-width: 768px) {

	#commerce-logo{
	

		max-width: 150px; 
	
	}

}

/* Phones: <= 480px
------------------------- */
@media (max-width: 480px) {
	
}