blechreiz-website/website/static/css/coming-soon.css

#coming_soon {
	margin-top: -35px;
}
#coming_soon .head{
	/*background: url("../img/backgrounds/color-splash.jpg") no-repeat;*/
	display: block;
	padding-top: 160px;
	height: 288px;
	width: 100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
#coming_soon .head .line{
	margin-left: 0;
}
#coming_soon .text h4{
	margin: 0 0 35px 0;
	/*color: #fff;*/
	font-size: 35px;
	font-weight: normal;
	line-height: 38px;
	text-shadow: 1px 1px 0px #2A284D;
}
#coming_soon .text p{
	/*color: #fff;*/
	font-size: 18px;
	font-style: italic;
	line-height: 24px;
}
#coming_soon .text p span{
	font-style: normal;
	text-transform: uppercase;
}
#coming_soon .count{
	margin: 0;
	float: right;
}
#coming_soon .count .box{
	float: none;
	display: inline-block;
	
	text-align: center;
	/*float: right;*/
	margin-left: -10px;
}
#coming_soon .count .first{
	margin: 0 0 0 90px;
}
#coming_soon .count .circle{
	height: 98px;
	width: 98px;
	text-align: center;
	border-radius: 100%;
	margin-bottom: 8px;
	background: rgba(0,0,0,0.5);
}
#coming_soon .count .circle span{
	color: #fff;
	display: inline-block;
	font-size: 33px;
	margin-top: 36px;
	font-weight: bold;
}
#coming_soon .count p{
	/*color: #fff;*/
	margin: 0;
	text-transform: uppercase;
	font-size: 13px;
}

/* Responsive
-------------------------------------------------- */

/* Large desktop */
@media (min-width: 1200px) {
}
@media (min-width: 980px) {
}
@media (max-width: 979px) {
}
/* Portrait tablet to landscape and desktop */

@media (min-width: 768px) and (max-width: 979px) { 
	#coming_soon .head{
		padding-top: 80px;
		height: 310px;
	}
	#coming_soon .count{
		text-align: center;
		width: 37%;
	}
	#coming_soon #clock {
		margin-top: 45px;
	}
	#coming_soon .count .circle{
		height: 73px;
		width: 73px;
	}
	#coming_soon .count p{
		font-size: 10px;
	}
	#coming_soon .count .circle span{
		margin-top: 26px;
		font-size: 30px;
	}
	#coming_soon .email_wrapp .wrapp input[type="text"]{
		width: 70%;
	}
}
/* Landscape phone to portrait tablet */
@media (max-width: 768px) {	
	#coming_soon .head{
		text-align: center;
		background: none;
		margin-bottom: 80px;
		padding-top: 70px;
		height: auto;
	}
	#coming_soon .text{
		margin-bottom: 20px;
	}
	#coming_soon .text h4{
		color: #333;
		text-shadow:none;
	}
	#coming_soon .text p{
		color: #333;
	}
	#coming_soon .count .first{
		margin: 0;
	}
	#coming_soon .count .box{
		float: none;
		display: inline-block;
	}
	#coming_soon .count .circle{
		height: 73px;
		width: 73px;
	}
	#coming_soon .count p{
		font-size: 10px;
	}
	#coming_soon .count .circle span{
		margin-top: 26px;
		font-size: 30px;
	}

}
/* Landscape phones and down */
@media (max-width: 480px) {
	#coming_soon .count .circle{
		height: 73px;
		width: 73px;
	}
	#coming_soon .count p{
		font-size: 10px;
	}
	#coming_soon .count .circle span{
		margin-top: 26px;
		font-size: 30px;
	}
	#coming_soon .email_wrapp .wrapp input[type="text"]{
		width: 70%;
	}
}