html {
	height: 100%;
}

body {
	min-height: 100%;;
	background-image: url(../../../temp/img/road-sky.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	font-family: 'Roboto', sans-serif;
}

label{
	font-size: 15px;
}

.red{
	color:red;
}

h1, h2, h3, h4, h5, p{
	color: #fff;
	text-shadow: 2px 3px 5px rgba(0, 0, 0, 0.7);
}

p{
	font-size: 18px;
	font-family: 'Roboto', sans-serif;
}

.modal-title, .modal-content p{
	color:#000 !important;
	text-shadow: none !important;
	font-family: 'Roboto', sans-serif;
}

.modal-content p{
	font-size: 14px !important;
}

.coming{
	font-size: 36px;
}

.title{
	font-size:52px;
	font-weight: bold;
	color:#f1c40f;
}

.clearBox{
	padding:25px;
	background-color:rgba(255, 255, 255, .3);
	border-radius: 5px;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
	height:100%;
}

.ctaBtn{
	display: inline-block;
	margin: 0px;
	padding: 10px 25px 10px 25px;
	font-weight: 600;
	font-size: 16px;
	border-radius: 0px;
	text-decoration: none;
	transition: all 0.3s ease;
	letter-spacing: 1px;
	background-color: #008001;
	border: 2px solid #008001;
	color: #fff;
	cursor: pointer;
}

.ctaBtn:hover{
	text-decoration: none;
	color: #008001;
	background-color: #fff;
}


/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
	.title{
		font-size:46px;
	}
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {

}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
	body {
		background-image: url(../../../temp/img/road-sky-sm.jpg);
	}
	.coming{
		font-size: 24px;
	}
	.title{
		font-size: 36px;
	}
	p{
		font-size: 15px;
	}
}

/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {

}