* {
	box-sizing: border-box;
}
body, html {
	background:
		linear-gradient( to bottom, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.95)),
		url('img/bg.jpg') center 5%,
		url('img/bg_micro.jpg') center 5%;
	background-size: cover;
	font-family: 'Roboto', sans-serif;
	padding: 0;
	margin: 0;
	color: #f2f2f2;
	min-height: 100vh;
}
a {
	color: #f2f2f2;
	text-decoration: none;
}
a:hover {
	color: #f2f2f2;
	text-decoration: underline;
}

/* DESKTOP */
.mobile {
	display: none;
}
.small-logo {
	height: 100px;
	position: absolute;
	bottom: 0;
	left: 0;	
}
.bottom {
	font-size: 1.25em;
	color: #f2f2f2;
	position: absolute;
	bottom: 0;
	right: 0;
	padding: 40px 30px;
	text-align: right;
	vertical-align: middle;
}
.divider {
	padding: 0 2em;
}

/* MOBILE */
@media (max-width: 900px) { 
	.desktop {
		display: none;
	}
	.mobile {
		display: block;
		background: linear-gradient( to bottom, rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.65));
		min-height: 100vh;
		text-align: center;
		font-size: 1.7em;
	}
	.mobile-bottom {
		position: absolute;
		width: 100%;
		bottom: 100px;
	}
	.small-logo {
		height: 200px;
		position: static;
	}
}