@import url('https://fonts.googleapis.com/css2?family=Ranga:wght@700&family=Staatliches&display=swap');


body {
	background-color: #000;
}
.wrap,html,body {
	min-height: 100vh;
}

/* Fonts */
@media screen and (min-width: 25em){
	html { font-size: calc( 16px + 2 * (100vw - 1200px) / (800 - 400) ); }
}

/* Safari <8 and IE <11 */
@media screen and (min-width: 25em){
	html { font-size: calc( 16px + 2 * (100vw - 1200px) / (800 - 400) ); }
}

@media screen and (min-width: 50em){
	html { font-size: calc( 16px + 2 * (100vw - 1200px) / (800 - 400) ); }
}


h1,h2,h3,h4,h5,h6,
.h1,.h2,.h3,.h4,.h5,.h6,
.display-1,.display-2,.display-3,.display-4,
.btn, 
.title, .font {
  font-family: 'Staatliches', sans-serif!important;
}


.wrap,html,body {
	min-height: 100vh;
}
footer {
	background-color: #000;
	opacity: .9;
}
.copyright {
	background-color: #222;
	opacity: .9;
}
.lead {
	font-weight: bold;
}
/* Up */
.up {
	position: fixed;
	right: 25px;
	bottom: 25px;
	display: block;
	background: #fff;
	border-radius: 50%;
	border: 1px solid #eee;
	width: 2.6rem;
	height: 2.6rem;
	line-height: 2.2rem;
	text-align: center;
	z-index: 5;
}
.up a {
	color: #666;
	font-size: 1.3rem;
	text-decoration: none;
}
.up a:hover {
	color: #333;
	text-decoration: none;
}

/* Colors */
.bg-dark {
	background-color: #3d3d3d !important;
}
 


.bg-info,
.badge-info {
	background-color: #25959b !important;
}

.border-info {
	border-color: #25959b !important;
}

.text-success {
	color: #6cb38e !important;
}
.bg-success,
.badge-success {
	background-color: #6cb38e !important;
}

.border-success {
	border-color: #6cb38e !important;
}


.text-danger {
	color: #da1f43 !important;
}
.bg-danger,
.badge-danger {
	background-color: #da1f43 !important;
}
.border-danger {
	border-color: #da1f43 !important;
}

.bg-secondary,
.badge-secondary {
	background-color: #333 !important;
}
.border-secondary {
	border-color: #bf206b !important;
}

/* Navbar */
.navbar-brand {
	font-size: 1.1rem;
}
.navbar-brand img {
	height: 60px;
}
@media (max-width:767px) {
	.navbar-brand img {
		height: 45px;
	}
}
.navbar-light .navbar-nav .nav-link {
    color: rgba(0,0,0,.8);
	webkit-transition: all 0.6s ease-out;
    -moz-transition: all 0.6s ease-out;
    -o-transition: all 0.6s ease-out;
    -ms-transition: all 0.6s ease-out;
    transition: all 0.6s ease-out;
}
.navbar-light .navbar-nav .active>.nav-link, 
.navbar-light .navbar-nav .nav-link.active, 
.navbar-light .navbar-nav .nav-link.show, 
.navbar-light .navbar-nav .show>.nav-link {
    color: rgba(0,0,0,1);
}
@media (min-width:992px) {
	body.with-header .navbar {
		-webkit-transition: all 0.6s ease-out;
		-moz-transition: all 0.6s ease-out;
		-o-transition: all 0.6s ease-out;
		-ms-transition: all 0.6s ease-out;
		transition: all 0.6s ease-out;
		background: transparent !important;
	}
	body.with-header .navbar-light .navbar-brand {
		color: #fff;
	}
	body.with-header .navbar-light .navbar-nav .nav-link {
		color: rgba(255,255,255,.8);
	}
	body.with-header .navbar-light .navbar-nav .active>.nav-link, 
	body.with-header .navbar-light .navbar-nav .nav-link.active, 
	body.with-header .navbar-light .navbar-nav .nav-link.show, 
	body.with-header .navbar-light .navbar-nav .show>.nav-link {
		color: rgba(255,255,255,1);
		position: relative;
		background: rgba(0,0,0,.3);
		border-radius: 4px;
	}

	body.with-header .navbar.scrolled {
		background: rgb(255, 255, 255) !important;
		border-bottom: 1px solid rgba(0,0,0,.1) !important;
	}
	body.with-header .navbar-light.scrolled .navbar-brand,
	body.with-header .navbar.scrolled.navbar-light .navbar-nav .nav-link {
		color: rgba(0,0,0,.8);
	}
	body.with-header .navbar.scrolled.navbar-light .navbar-nav .active>.nav-link, 
	body.with-header .navbar.scrolled.navbar-light .navbar-nav .nav-link.active, 
	body.with-header .navbar.scrolled.navbar-light .navbar-nav .nav-link.show, 
	body.with-header .navbar.scrolled.navbar-light .navbar-nav .show>.nav-link {
		color: rgba(0,0,0,1);
		position: relative;
		background: rgba(0,0,0,.2);
	}
}


.navbar-brand {
	padding: 0;
}
.navbar .h6 {
	margin-bottom: 0 !important;
}

/* Image fit */
.cover {
	object-fit: cover;
   width: 100%;	
}


@media (min-width: 1600px) {
	.container.wide {
		max-width: 1500px;
	}
	.container.narrow {
		max-width: 1199px;
	}
}
@media (min-width: 1900px) {
	.container.wide {
		max-width: 1700px;
	}
	.container.narrow {
		max-width: 1350px;
	}
}
@media (min-width: 2400px) {
	.container.wide {
		max-width: 1900px;
	}
	.container.narrow {
		max-width: 1500px;
	}
}

/*Curtain*/
.curtain {
	background-color: #000;
	position: fixed;
	left:0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 11111111;
	width: 100%;
	height: 100%;
}
.curtain-logo {
	text-align: center;
	max-width: 80%;
	left: 10%;
	top: 25%;
	position: relative;
}
.curtain-logo img {
	max-width: 80%;
}
@media(max-width:767px) {
	.curtain-logo img {
		max-width: 180px;
	}
}

/* mc email subscribption */
#mc_embed_signup form {
	padding: 0;
}
#mc_embed_signup .mc-field-group {
	width: auto;
	padding-bottom: 0;
	min-height: 0;
}
#mc_embed_signup .mc-field-group input {
	margin: 0;
	width: auto;

}
#mc_embed_signup div#mce-responses {
	float: none;
	top:0;
	padding: 0em;
	overflow: hidden;
	width: 100%
	margin: 0;
	clear: none;
	text-align: center;
}
#mc_embed_signup div.response {
	margin: 1em 0;
	padding: 0;
	font-weight: bold;
	float: none;
	top: 0; 
	z-index: 1;
	width: 100%;
}
#mc_embed_signup .mc-field-group input {
	display: block;
	width: 100%;
	padding: inherit;
}


/* Subscribe */
::-webkit-input-placeholder,
:-ms-input-placeholder,
::-moz-placeholder,
:-moz-placeholder,
::placeholder {
	opacity: 0!important;
}




/* Colors */
.bg-dark {
	background-color: #3d3d3d !important;
}

.text-primary {
	color: #217ba0 !important;
}
.bg-primary,
.badge-primary {
	background-color: #217ba0 !important;
}
.border-primary {
	border-color: #217ba0 !important;
}

.bg-info,
.badge-info {
	background-color: #25959b !important;
}

.border-info {
	border-color: #25959b !important;
}

.text-success {
	color: #6cb38e !important;
}
.bg-success,
.badge-success {
	background-color: #6cb38e !important;
}

.border-success {
	border-color: #6cb38e !important;
}


.text-danger {
	color: #da1f43 !important;
}
.bg-danger,
.badge-danger {
	background-color: #da1f43 !important;
}
.border-danger {
	border-color: #da1f43 !important;
}

.bg-secondary,
.badge-secondary {
	background-color: #333 !important;
}
.border-secondary {
	border-color: #bf206b !important;
}