body{
	font-family: 'Ubuntu', sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
}
.main-container{
	background: url('../images/main-banner.jpg') no-repeat center;
	background-size: cover;
	min-height: 100vh;
	text-align: center;
	padding-bottom: 40px;
}
.main-container img.logo{
	width: 250px;
	margin-top: 120px;
}
.main-container h1{
	text-transform: uppercase;
	text-align: center;
	color: #753cad;
    font-size: 44px;
    width: 80%;
    margin: 80px auto 100px;
    line-height: 1.2em;
}
.countdown{
	font-size: 32px;
	text-transform: uppercase;
	text-align: center;
	color: #753cad;
	margin-bottom: 60px;
}
.under-maintenance{
    font-size: 20px;
    text-transform: uppercase;
    text-align: center;
    color: #753cad;
    line-height: 1.6em;
    width: 80%;
    margin: 0 auto 80px;
}
.main-container a.button{
    text-decoration: none;
    text-align: center;
    border: 2px solid #753cad;
    color: #753cad;
    padding: 15px 40px;
    border-radius: 5px;
    margin: 0 auto;
    display: inline-block;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 700;
}
.main-container a:hover, .main-container a:focus{
	opacity: 0.6;
}
.footer{
	text-align: center;
	color: #3a3a3a;
	margin-top: 90px;
	line-height: 1.6em;
	font-size: 14px;
}
a{
	color: #9966cc;
	text-decoration: none;
	cursor: pointer;
}

.banner-container{
	background: url('../images/main-banner.jpg') no-repeat center;
	background-size: cover;
	min-height: 100vh;
	text-align: center;
	padding-bottom: 40px;
}
.banner-container img.logo{
	width: 250px;
	margin-top: 90px;
}
.banner-container h1{
	text-transform: uppercase;
	text-align: center;
	color: #753cad;
    font-size: 34px;
    width: 80%;
    margin: 80px auto 40px;
    line-height: 1.2em;
}
.countdown{
	font-size: 40px;
	text-transform: uppercase;
	text-align: center;
	color: #753cad;
	margin: 0px;
	margin-bottom: 30px;
}
.countdown p{
    margin: 0px;
    text-align: center;
    text-shadow: 1px 1px 1px black;
}
.under-maintenance{
    font-size: 20px;
    text-transform: uppercase;
    text-align: center;
    color: #753cad;
    line-height: 1.6em;
    width: 80%;
    margin: 40px auto 40px;
}
.banner-container a.button{
    text-decoration: none;
    text-align: center;
    border: 2px solid #753cad;
    color: #753cad;
    padding: 15px 40px;
    border-radius: 5px;
    margin: 0 auto;
    display: inline-block;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 700;
}
.banner-container a:hover, .banner-container a:focus{
	opacity: 0.6;
}

.qp-banner{
	width: 450px;
	border: 10px solid #f5f5f5;
	box-shadow: 0 8px 6px -6px #7d7d7d;
}

@media (max-width: 768px){
	.qp-banner{
		width: 100%;
		border: 0px;
	}
}