/* =================================================== */
/* FONTS */
/* =================================================== */
@import url('https://fonts.googleapis.com/css?family=Montserrat:500,700');

/* =================================================== */
/* GLOBAL */
/* =================================================== */
body {
	background: #776A60;
	color: #fff;
	font-family: 'Montserrat', Arial, sans-serif;
	font-size: 14px;
}
a {
	color: #fff;
}
img {
	max-width:100%;
	height:auto;
}
.container {
	width: 1000px;
	margin: 0 auto;
	text-align: center;
	padding: 30px 0 15px;
}
h1 {
	font-size: 42px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin: 10px 0;
}
h2 {
	font-size: 28px;
	line-height: 26px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 1px;
}
h3 {
	font-size: 18px;
	line-height: 26px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.social {
	text-align: center;
	margin-top: 15px;
}
.social a {
	display: inline-block;
	margin: 0 6px;
	color: #fff;
	font-size: 32px;
}

/* =================================================== */
/* Mailchimp */
/* =================================================== */
.mc-field-group { 
	display: inline-block; 
} /* positions input field horizontally */
#mc_embed_signup input.email {
	font-family:"Open Sans","Helvetica Neue", Arial, sans-serif; 
	font-size: 15px; 
	border: 1px solid #fff; 
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px; 
	border-radius: 3px; 
	color: #343434; 
	background-color: #fff; 
	box-sizing:border-box; 
	height:40px; 
	padding: 10px; 
	display: inline-block; 
	margin: 0; 
	width:350px; 
	vertical-align:top;
}
#mc_embed_signup .button {
	font-size: 16px;
	font-weight: 500;
	font-family: 'Montserrat', Arial, sans-serif;
	border: none; 
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px; 
	border-radius: 3px; 
	color: #333; 
	background-color: #fff; 
	box-sizing:border-box; 
	height:40px; 
	padding:0 18px; 
	display: inline-block; 
	margin: 0; 
	text-transform: uppercase;
	transition: all 0.23s ease-in-out 0s;
}
#mc_embed_signup .button:hover {
	background-color:#ccc; 
	cursor:pointer;
}
#mc_embed_signup div#mce-responses {
	width: 100%;
	display: block;
}
#mc_embed_signup div.response {
	text-align: center;
	padding-top: 15px;
	color: #bfff80;
}
#mc_embed_signup #mce-error-response {
	display: none;
}
#mc_embed_signup #mce-success-response {
	color: #bfff80; 
	display: none;
}
#mc_embed_signup div.mce_inline_error {
    margin: 0!important;
    padding: 5px 0 0 0!important;
    background: none!important;
    z-index: 1;
    color: #ff5656!important;
    font-size: 14px;
    font-family: Arial, sans-serif; 
    text-align: left;
}

/* =================================================== */
/* MEDIA QUERY */
/* =================================================== */
@media (max-width: 1200px) {
	.container {
		width:90%;
	}	
}

@media (max-width: 768px) {
	h1 {
		font-size: 32px;
	}
	h2 {
		font-size: 22px;
		line-height: 28px;
	}
	h3 {
		font-size: 14px;
		line-height: 22px;
	}

	#mc_embed_signup input.email {
		width: 100%; 
		margin-bottom: 5px;
	}
    #mc_embed_signup .clear { 
    	display: block; 
    	width: 100%;
    }
    #mc_embed_signup .button {
    	width: 100%; 
    	margin:0;
    }
}