/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
.blocker {
	z-index: 21;
}
body > #mc_embed_signup {
	display: none;
}
#mc_embed_signup .hidden {
	display: none;
}
#mc_embed_signup {
	background-image: url('./modal-bg.jpg');
	background-size: 100%;
	max-width: 800px;
	background-size: cover;
	background-position: center; 
}
#mc_embed_signup h2 {
	color: white;
	text-align: center;
	font-size: 60px;
}
#mc_embed_signup .mainArea {
	text-align: center;
}
#mc_embed_signup .mainArea label {
	display: none;

}
#mc_embed_signup .mainArea > input {
	width: 24%;
	background-color: rgba(255,255,255,0.75);
	font-size: 24px;
	font-family: 'Montserrat',sans-serif;
	padding-left: 3px;
}
#mc_embed_signup .mainArea > input#mc-embedded-subscribe {
	background-color: #58208b;
	color: white;
	padding: 5px;
}
#mc_embed_signup .mainArea input::placeholder,
#mc_embed_signup .mainArea input::-webkit-input-placeholder,
#mc_embed_signup .mainArea input:-moz-placeholder,
#mc_embed_signup .mainArea input::-moz-placeholder,
#mc_embed_signup .mainArea input:-ms-input-placeholder {
   color: #58208b;
}


#mc_embed_signup .mc-field-group.input-group {
	margin-top: 235px;
	font-size: 20px;
}
#mc_embed_signup .mc-field-group.input-group ul {
	margin: 0 auto;
	text-align: center;
	color: #c2c2c2;
	text-transform: uppercase;
	padding-left: 0px;
}
#mc_embed_signup .mc-field-group.input-group ul li {
	list-style-type: none;
	display: inline;
	margin: 0 15px;
}
#mc_embed_signup .mc-field-group.input-group label {
	margin-left: 5px;
}
.logowrapper {
    background-image: url(logotype.svg);
    width: 171px;
    margin: 27px auto 20px;
    height: 31px;
    background-size: 100%;
}

@media(max-width: 760px) {
	#mc_embed_signup h2 {
		font-size: 44px;
	}
}
@media(max-width: 425px) {
	#mc_embed_signup h2 {
		font-size: 24px;
	}
	#mc_embed_signup .mainArea > input {
		width: 100%;
		margin-bottom: 10px;

	}
	#mc_embed_signup .mc-field-group.input-group ul li {
		display: block;
	}
}