@font-face {
  font-family: Ethos;
  src: url(Fonts/EthosNova-Regular.woff);
  font-weight: 300;
}
@font-face {
  font-family: Ethos;
  src: url(Fonts/EthosNova-Thin.woff);
  font-weight: 100;
}
@font-face {
  font-family: Ethos;
  src: url(Fonts/EthosNova-Bold.woff);
  font-weight: bold;
}

html {
  height: 100%;
  width: 100%;
  font-family: Ethos;
  font-weight: 300;
	
  background-image: url("background.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
body {
  height: 100%;
  width: 100%;
  overflow: hidden;
  background-color: rgba(255,255,255,0.8);
  margin: 0;
  display: block;
  position: relative;
}

h1 {
	font-weight: bold;
	text-transform: uppercase;
	font-size: 2.2em;
}

h2, h3 {
	font-weight: 300;
	font-size: 1.8em;
}

p {
	margin: 0;
	font-weight: 300;
	font-size: 1.8em;
}

.box {
  width: 100%;
  text-align: center;
  position: absolute;
  top: 45%;
  transform: translate(0, -50%);
}
.box > img {
	width: 300px;
	max-width: 80%;
}
.inner-box {
	margin-top: 40px;
	padding: 20px 50px;
	padding-bottom: 35px;
	border: 1px solid rgba(0,0,0,0.25);
	display: inline-block;
}