body {
	margin: 0;
}

body, html {
  height: 100%;
  width: 100%;
  font-family: MoreWeb-Book, serif;
}

/*------FONTS-------*/

/* first for Internet Explorer < 9 */
@font-face {
font-family: MoreWeb-Book;
src: url("../fonts/MoreWeb-Book.eot");
}
/* then for WOFF-capable browsers */
@font-face {
font-family: MoreWeb-Book;
src: url("../fonts/MoreWeb-Book.woff") format("woff");
}

.left-column {
  height: 100%;
  width: 200px;
  background-color: #000;
  position: absolute;
  left: 0;
 }

.logo-mark {
	padding: 50px;
}

 .logo-word {
 	position: absolute;
 	bottom: 50px;
 	left: 50px;
 }

.bg {
  position: fixed; 
  top: -50%; 
  left: -50%; 
  width: 200%; 
  height: 200%;
  bgcolor: #000000;
}

.bg img {
  position: absolute; 
  top: 0; 
  left: 0; 
  right: 0; 
  bottom: 0; 
  margin: auto; 
  min-width: 50%;
  min-height: 50%;
}

.main {
	padding-left: 199px;
	overflow: hidden;
	position: absolute;
}

.main h1 {
	padding-left: 100px;
	padding-top: 200px;
	color: #fff;
	font-size: 40px;
	width: 66%%;
	font-family: MoreWeb-Book, serif;
	font-weight: normal;
	line-height: 48px;
}

.contact-icon {
	padding-left: 100px;
	width: 50px;
}