#bg{
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	background-position: center;
	background-size: cover;
}

.main-nav {
  position: fixed;
  font-family: helvetica;
  bottom: 0;
  font-size: 18px;
	left: 0;
	padding: 1em;
  color: white !important; 
  display: flex;
  width: calc(100% - 2em);
  z-index: 10;
}

.nav-left {
  flex: 1;
}

.nav-right {
  flex: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

a{	
	color: white !important;
	text-decoration: 0;
	opacity: 1;
	
}

a:hover{
	opacity: .8;
	transition: .5s;
}

h1{
	font-size: inherit;
	font-weight: inherit;
	padding: 0;
	margin: 0;
}

@media only screen and (max-width: 1024px) {


	.main-nav{
		font-size: 4vw !important;
	 }

}