@import url('//fonts.googleapis.com/css?family=Montserrat:400,400i,800,800i');


/* 
	mobile styles 
	***************************************************** */

body {
	
	background-color: #222222;
	color: #eeeeee;
	font-family: 'Montserrat', sans-serif;
	margin: 0;
	padding: 0;
	font-size: 1.25rem;
}


#container {
	
	display: grid;
	grid-template-columns: 100%;
	max-width: 800px;
	margin: 2rem auto;
}

#logo {

	text-align: center;
}

#logo img {

	max-height: 200px;
}

#content {

	padding: 0 2rem;
}

li {
	
	padding-bottom: 1rem;
	line-height: 1;
}

img {
	
	max-width: 100%;
}

a {
	color: #e8c141;
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s;
}

a:hover {
	color: #ffd751;
}


/* 
	desktop styles 
	***************************************************** */

@media (min-width: 800px) {
	
	#container {
		grid-template-columns: 20% 80%;
	}

}