.lato-thin {
  font-family: "Lato", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.lato-light {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.lato-regular {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.lato-bold {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.lato-black {
  font-family: "Lato", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.lato-thin-italic {
  font-family: "Lato", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.lato-light-italic {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.lato-regular-italic {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.lato-bold-italic {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.lato-black-italic {
  font-family: "Lato", sans-serif;
  font-weight: 900;
  font-style: italic;
}


body {
	background-color: #ccc;
	font-family: "Lato", sans-serif;
}

h1, h2 {
	color: #8e0d0f;
}

button {
	background-color: #8e0d0f;
	color: #fff;
	border-radius: 5px;
	cursor:pointer;
	border: 0;
}

nav button {
	padding: 15px;
	margin: 5px;
}

button h3 {
	margin: 0;
}

.noscroll {
	position: fixed;
	top: 0;
	left: 0;
}

#header-contents{
	width: 100%;
	background-color: #aaa;
}

nav {
	margin: auto 15px auto auto;
}

#logo {
	width: 200px;
	margin:15px;
	cursor: pointer;
}