@font-face {
	font-family: 'Gotham-bold';
	src: url(fonts/Gotham-Bold.woff);
}

.hero {
	height: 100vh;
	display: flex;
	position: relative;
	align-items: center;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.hero .row {
		display: flex;
}
.hero .decor {
	z-index: 6;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#831518+0,f0a240+100 */
	background: rgb(131,21,24); /* Old browsers */
	background: -moz-linear-gradient(left, rgba(131,21,24,1) 0%, rgba(240,162,64,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(131,21,24,1) 0%,rgba(240,162,64,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(131,21,24,1) 0%,rgba(240,162,64,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#831518', endColorstr='#f0a240',GradientType=1 ); /* IE6-9 */
    visibility: inherit;
    transition: none 0s ease 0s;
    line-height: 27px;
    border-width: 0px;
    margin: 0px;
    margin-top: 30px;
    letter-spacing: 0px;
    font-weight: 400;
    font-size: 17px;
    white-space: nowrap;
    min-height: 8px;
    min-width: 75px;
    max-height: 8px;
    max-width: 75px;
    opacity: 1;
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform-origin: 50% 50% 0px;
}

.hero .hero-content {
	margin-left: calc(2rem + 15px);
}

.hero h2 {
	z-index: 5; 
	font-size: 65px; 
	line-height: 65px; 
	color: #ffffff; 
	letter-spacing: 0px;
	font-family: 'Gotham-bold', sans-serif; 
}

.hero p {
	z-index: 7; 
	white-space: nowrap; 
	font-size: 22px; 
	line-height: 22px;
	font-weight: 500; 
	color: #eff9ef; 
	letter-spacing: 3px;
	font-family: 'Gotham-bold', sans-serif; 
}

@media(max-height: 840px) {
    .hero {
        height: 100%;
    }
}

@media(max-width: 998px) {
	.hero .row {
		display: block;
	}

	.hero .decor {
		margin-bottom: 2rem;
	}

	.hero .hero-content { 
		margin-left: 0rem;
	}
	.hero h2 {
		font-size: 45px; 
	}

	.hero p {
		font-size: 20px;
	}
}

.logo {
	width: 350px;
}
.logo img {
	width: 100%;
	margin-bottom: 100px;
}

.details {
	font-family: 'Gotham-bold';
	margin-top: 100px;
	font-size: 13px;
	color: #fff;
	line-height: 17px;
}

.details .italic {
	font-style: italic;
}

.details a {
	color:#fff;
	text-decoration: none;
}