/* CSS Document */
/* --------- HTML AND BODY DEFAULTS --------- */
html, body {
    background-image: url("../assets/images/background.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	height: 100%;
	margin: 0;
	overflow: auto;
	width: 100%;
}

/* --------- CONTAINER --------- */
#container {
    background-color: rgba(255,255,255,0.8);
    display: block;
    margin: 100px auto 0 auto;
	padding: 40px;
	text-align: center;
	max-width: 600px;
}

/* --------- Loading Animation --------- */
#loading-animation {
    margin: 40px;
}

/* --------- Countdown Timer --------- */
#countdown-timer {
    display: inline-block;
}

/* --------- RESPONSIVE LAYOUTS --------- */
@media only screen and (max-width: 992px) {
    #container {
        margin: 50px 20px;
    }