.newsletter {
	padding: 1em;
	margin-bottom: 1.5em;
	background-color: #f1f1f1;
	border-top: 4px solid;
}

.js-overlay {
	visibility: hidden;
	position: fixed;
	left: 0px;
	top: 0px;
	width:100%;
	height:100%;
	z-index: 1000;
	background: rgba(0,0,0,.75);
}

.js-overlay--popup {
	margin: 6.25em 5%;
	padding: 1em;
}

.js-overlay__close {
	top: .5em;
	right: .5em;
}

.o-form--newsletter__field {
	margin: 0 0 1em 0;
}

.js-overlay--popup {
	width: 80%;
	margin: 100px auto;
}

@media only screen and (min-width: 34.688em) {
	.newsletter {
		background-image: url(../img/newsletterbg.png);
	    background-position: 1em center;
	    background-repeat: no-repeat;
	    padding-left: 16em;
	}

	.js-overlay--popup {
		width: 80%;
		margin: 100px auto;
	}
}

@media only screen and (max-width: 59.9em) {
	.o-form--newsletter__field {
		width: 100%;
	}
}

@media only screen and (min-width: 34.688em) and (max-width: 59.9em) {
	.newsletter {
		background-size: 20%;
	}
}

@media only screen and (min-width: 60em) {
	.o-form--newsletter__field {
		float: left;
		width: 30%;
		margin-right: 5%;
	}

	.o-form--newsletter__field:nth-child(6n) {
		margin-right: 0;
	}
}
.auth0-global-message {
	height: 40px;
}