html {
	position: relative;
	min-height: 100%;			
}

html, body {						
	font-family: 'Archivo Black', sans-serif;
}

body {
	padding-bottom: 170px;
	background-color: #cad0db;
	background: url(../img/bg-pattern-3.png);	
}

.header {
	height: 80px;
	margin-bottom: 20px;
	position: relative;
	background: #121527;
	box-shadow: 0px 3px 3px #121527;
}

h1, h1, h3, h4, h5, h6, .output p, .checkbox {
	color: #FFF;
}

.logo {
    text-align: center;
    margin: 10px auto;
    display: block;
}

.btn-submit {
	width: 100%;
	background: #1b233b;
	color: #FFFFFF;
}

.btn-submit:hover,
.btn-submit:focus,
.btn-submit:active {
	background: #121527 !important;
	color: #FFFFFF;	
}

/*
Placeholder for the error box
.holder {
	height: 65px;
}
*/

.alert {
	display: none;
	width: 100%;
	height: 65px;
	text-align: center;
	font-size: 26px;
}

.loader-holder {
	width: 100%;
    height: 80%;
	display: none;
    background: #000;
    position: absolute;
    top: 120px;
    left: 0;
	opacity: 0.6;
}

.loader-holder.active {
	display: block;
}	

.loader {
	display: block;	
}	

.output, #url {
	font-family: 'Inconsolata', monospace;
}

.output {
	margin-top: 15px;
	margin-bottom: 80px;
}

.output p {
	font-size: 26px;	
}		

.footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	padding: 15px;
	background-color: #121527;
}

.footer .container div:first-child {
	margin-top: 0;
}

.footer .container div {
	text-align: center;
	margin-top: 6px;
}

.footer a {
	font-size: 20px;
	color: #FFFFFF;
}

.footer a:hover {
	color: #FFFFFF;
}