@import "font-awesome.min.css";
@import "https://fonts.googleapis.com/css?family=Pangolin";

html,
body {
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	background: #f60;
	color: #000;
	text-align: center;
	font-family: 'Pangolin', cursive;
}

@media all and (min-width: 50px)   { body { font-size:0.1em; } }
@media all and (min-width: 100px)  { body { font-size:0.2em; } }
@media all and (min-width: 200px)  { body { font-size:0.4em; } }
@media all and (min-width: 300px)  { body { font-size:0.6em; } }
@media all and (min-width: 400px)  { body { font-size:0.8em; } }
@media all and (min-width: 500px)  { body { font-size:1.0em; } }
@media all and (min-width: 600px)  { body { font-size:1.2em; } }
@media all and (min-width: 700px)  { body { font-size:1.4em; } }
@media all and (min-width: 800px)  { body { font-size:1.6em; } }
@media all and (min-width: 900px)  { body { font-size:1.8em; } }
@media all and (min-width: 1000px) { body { font-size:2.0em; } }

a {
	color: #000;
	text-decoration: underline;
}

a:hover,
a:focus,
a:active {
	text-decoration: none;
	color: #000;
}

div {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

img {
	width: 100%;
	max-width: 500px;
}

.fa-facebook-official {
	color: #3b5998;
}

.fa-instagram {
	color: #e1306c;
}