/* ===============
   FONTS 
   =============== */
@import('../fontie-package/Gotham-Book.css');

/* ===============
   GENERAL 
   =============== */

body {
	--background:linear-gradient(rgba(23, 39, 42, 0.90), rgba(23, 39, 42, 0.90)), url('../img/background.jpg'); background-size:cover;background-position:center top;
	background:url('../img/background-gradient.jpg') no-repeat;
	background-size:cover;
	background-position:center top;
	font-family:'Gotham Book', Helvetica, Arial, Sans-serif;
	color:#fff;
	font-size:18px;
	font-weight:100;
	letter-spacing:1px;
}

p {

}

h1, h2, h3, h4, h5 {

}

ul, ol {

}

ul li, ol li {

}

a:link {
	text-decoration:none;
}

a:visited {
	text-decoration:none;
}

a:hover {
	text-decoration:none;
}

a:active {
	text-decoration:none;
	color:#e25141;
}

input,textarea {

}

.img-responsive {
	width:100%;
}

.top-bumper-none {
	margin-top:0;
}

.top-bumper-xs {
	margin-top:10px;
}

.top-bumper-sm {
	margin-top:30px;
}

.top-bumper-md {
	margin-top:40px;
}

.top-bumper-lg {
	margin-top:60px;
}

.bottom-bumper-sm {
	margin-bottom:30px;
}

.bottom-bumper-md {
	margin-bottom:40px;
}

.bottom-bumper-lg {
	margin-bottom:60px;
}

.no-padding {
	padding-left:0;
	padding-right:0;
}

.featurette-divider {
	border-top:1px solid #fff;
}

/* ===============
   LOGO
   =============== */

.logo {
	width:320px;
	margin-top:60px;
	margin-bottom:60px;
}

.hosts-logo {
	width:100%;
	margin:-70px auto 0 auto;
}

@media (max-width:1199px) {
	.hosts-logo {
		width:100%;
		margin:-60px auto 0 auto;
	}
}

.sub-logo {
	margin:auto;
	width:100%;
}

@media (max-width:991px) {
	.sub-logo {
		margin:auto;
		width:320px;
	}	
}

/* ===============
   BUTTONS
   =============== */

.btn-white-outline {
	border:2px solid #fff;
	background:none;
	border-radius:0;
	text-transform:uppercase;
	color:#fff;
    padding: 8px 24px;
    font-size: 18px;
	margin:auto;
	display:block;
	width:160px;
}

.btn-white-outline:hover {
	background:#fff;
}

.logo-holder { min-height: 300px; padding: 4rem 4rem 0 4rem;}
.vertically-center-me { display: -webkit-flex;	display: -moz-flex; display: -ms-flex; display: flex; -webkit-flex-flow: column wrap; -moz-flex-flow: column wrap; -ms-flex-flow: column wrap; -ms-flex-direction: column; -ms-flex-wrap: wrap; flex-flow: column; -webkit-justify-content: center; justify-content: center;
}
.logo-holder a img { -webkit-transition: opacity 300ms ease-out; -moz-transition: opacity 300ms ease-out; transition: opacity 300ms ease-out; }
.logo-holder a img:hover { opacity: .7;}
.hosts-global-logo { max-width: 85%; }


@media (max-width:991px) {
	.logo-holder { min-height: auto; padding: 2rem 4rem;}
	.top-button { margin-bottom: 6rem;}
}