@font-face {
  font-family: "Helvetica Neue LT Std";
  src: url("./HelveticaNeueLTStd-HvCn.otf");
}


* {
	margin: 0;
	padding: 0;
}
html, body {
	display: flex;
	align-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
}
#general {
	margin: auto;
	width: 600px;
	display: flex;
	flex-direction: column;
	/* background-color: yellow */
}

#general > div {
	display: flex;
	margin: auto
}

#general #logo img {
	display: flex;
	width : 100%;
	max-width : 300px
}

#general #nav {
	display: flex;
	margin: 80px auto 40px auto;
	justify-content: space-between;
	align-items: center;
	text-transform: uppercase;
	text-align: center;
	font-size: 44px;
	font-family: "Helvetica Neue LT Std";
}

#general #nav a:hover {
	color: #c6c6c6
}

#general #contact a {
	margin: auto;
}


a {
	text-decoration: none;
	color: #000000;
	/* -moz-transition: all .4s ease;
	-webkit-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease; */
}

#points {
	float: left;
	height: 22px;
	width: 47px;
	position: relative;
	background-image: url(images/michael-points.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

@media screen and (max-width: 600px) {
	html, body {
		height: unset;
		margin: 20px auto
	}
	#general #nav {
		flex-direction: column;
	}
	#general #nav #points {
		margin: 25px auto
	}

	#general #logo img {
	max-width : 200px
	}
	
	#general #nav {
	margin: 40px auto;
	}

}