html {
	font-size: 20px;
}

body {
  background: #121311;
  font-family: 'Raleway', sans-serif;
	font-weight: 400;
	font-size: 1rem;
	line-height: 1.4em;
}

#dark_cover{

    width: 100%;
    height: 100%;
    z-index: 10;
    background-color: #000;
    position: fixed;
    background: rgba(0, 0, 0, 0.5);
}

.ma_banner {
  height: 100px;
  position: absolute;
  top: 0;
  right: 5%;
  z-index: 999;
  cursor: pointer;
}

.para {
	width: 40vw;
	position: absolute;
	top: 5%;
	left: 5%;
	color: #fff;
	z-index: 999;
}

h1 {
	font-size: 10vw;
	font-weight: 100;
	line-height: 1em;
	margin-bottom: 2rem;
	text-transform: uppercase;
}
h2 {
	font-weight: 300;
}
.para p {
	margin-bottom: 4rem;
	color: #ccc;
}

.btn {
	z-index: 999;
}
a {
	background: #64d8ef;
	border-radius: 2px;
	padding: 1em 2em;
	color: #000;
	text-decoration: none;
	white-space: nowrap;
}

a:hover {
	background: #fff;
	color: #000;
}