html, body {
 	height: 100%;
}

body {
	position: relative;
	overflow-x: hidden;
	background: #fff;
	margin: 0;
	padding: 0;
	color: rgb(70, 70, 70);
	font: 300 13px/20px 'Open Sans', sans-serif;
}

h1, h2, h3, h4 {
	color: rgb(20, 20, 20);
	font-weight: 600;
	letter-spacing: 1px;
	text-transform: uppercase;
	white-space: nowrap;
}

h1 {
	margin: 0px 0;
	font-size: 40px;
	letter-spacing: 2px;
	font-family: ethnocentric_rg;
	text-align: center;
	white-space: nowrap;
}

h2 {
	position: relative;
	margin: 20 0 45px 0;
	font-size: 18px;
	text-align: center;
	white-space: nowrap;
}

h2::before {
	position: absolute;
	content: '';
	right: 0;
	bottom: -5px;
	left: 0;
	background: rgb(20, 20, 20);
	height: 1px;
}

h3 {
	margin: 5px 0;
	font-size: 16px;
}

h4 {
	margin: 5px 0;
	font-size: 13px;
}
.container {
  left:0;
  right:0;

  margin-left: auto;
  margin-right: auto;

  position: absolute;
  width: 50%;

  top: 40%;
}
.social {
	position: absolute;
	bottom: 60px;
}
.linkedin_logo {
	-webkit-transition: fill .4s ease;
	-moz-transition: fill .4s ease;
	-o-transition: fill .4s ease;
	transition: fill .4s ease;
	fill: #000000; 
}
.linkedin_logo:hover {
	fill: #D3D3D3; 
}
p, 
.row {
	margin: 0;
}
@font-face {
   font-family: ethnocentric_rg;
   src: url(../fonts/ethnocentric_rg.ttf);
}
.topleft {
  position: absolute;
  top: 8px;
  left: 16px;
  font-size: 40px;
}
.home-background {
	position: relative;
	top: 0;
	left: 0;
	background: url("../images/home-bg-img.jpg") no-repeat top center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	width: 100%;
	height: 100%;
	min-height: 100%;
}
.toggle-btn, 
.lines::before, 
.lines::after, 
.social a, 
.hire-background a, 
.submit-style, 
.col-right a {
	-webkit-transition: linear 0.2s;
	-moz-transition: linear 0.2s;
	-o-transition: linear 0.2s;
	transition: linear 0.2s;
}