@import url('https://fonts.googleapis.com/css?family=Amatic+SC:700|Josefin+Sans');

body {
	padding : 10px;
	text-align : center;
	background-color : #000;
	color : #FFF;
}

a {
	outline : none;
	text-decoration : none;
	color : #fff;
}

a:hover {
	font-weight : bold;
}

.nav-item-icon {
	font-size : 40px;	
}

@media screen and (min-width: 640px) {
	body {
		padding : 10px 10%;
	}	
	.nav-item-icon {
	font-size : 60px;	
}
}

@media screen and (min-width: 1200px) {
	body {
		padding : 10px 25%;
	}
	.nav-item-icon {
	font-size : 80px;	
}	
}

h1 {
	font-family: 'Amatic SC', cursive;
	font-size : 15vmin;
	margin : 0;
	border-bottom : 3px dotted #666;
}

.nav-item {
	display : inline-block;
	width : 30%;
	min-width : 180px;
	padding : 10px;
}

.nav-item-title {
	font-family: 'Josefin Sans', sans-serif;
	font-size : 15px;
}