@font-face {
    font-family: 'Brown LL';
    src: url('fonts/BrownLL-Thin.woff2') format('woff2'),
        url('fonts/BrownLL-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}
body {
	font-family: 'Brown LL'; 
	margin:0;
	padding:0;
}

.center {
  position: fixed;
  top: 50%;
  left: 50%;
  /* bring your own prefixes */
  transform: translate(-50%, -50%);
}
a {
	color: black;
	text-decoration: underline;
}
a:hover {
	color: black;
	text-decoration: none;
}
div#footer {
	position:absolute;
	bottom:15px;
	width:100%;
	text-align: center;
}
div#bp {
	width:20px;
	height:20px;
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
	div#bp {
		background-color: black;
	}
	body {
		font-size: 1.2em;
	}
	h1 {
		font-size:1.8em;
	}
	img#vprs {
		width:65%;
		height:65%;
		padding-bottom: 100px;
	}
	img#instagram {
		width:24px;
	}
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
	div#bp {
		background-color: green;
	}
	body {
		font-size: 1.2em;
	}
	h1 {
		font-size:1.8em;
	}
	img#vprs {
		width:65%;
		height:65%;
		padding-bottom: 100px;
	}
	img#instagram {
		width:24px;
	}
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
	div#bp {
		background-color: red;
	}
	body {
		font-size: 1.2em;
	}
	h1 {
		font-size:1.8em;
	}
	img#vprs {
		width:50%;
		height:50%;
		padding-bottom: 100px;
	}
	img#instagram {
		width:24px;
	}
}