#newsletter{
	padding: 40px 0 40px 0;
	background-color: black;
	color: white;
}

#newsletter .extra-padding {
	padding: 0 40px;	
}

.newsletter .cols {
	display: flex;
	max-width: 1200px;
	margin: 0 auto;
}

.newsletter .cols .col50{
	width: 50%;
}

.newsletter input {
	color: white;
	border: 1px solid white;
	border-radius: 20px;
	font-family: inherit;
	font-size: inherit;
	background-color: black;
	width: 100%;
	padding: 2px 20px;
	margin-bottom: 15px;
}

.newsletter input[type=submit]{
	margin-top: 20px;
	width: auto;
	color: black;
	border: 1px solid black;
	background-color: white;
	background-image: url("data:image/svg+xml,%0A%3Csvg width='25px' height='15px' viewBox='0 0 25 15' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='arrow' transform='translate(-95.000000, -307.000000)' fill='%23231F20'%3E%3Cpolygon id='Fill-1' points='111.294 307 110.355 307.938 117.255 313.841 95 313.841 95 315.125 117.291 315.125 110.355 321.028 111.294 322 120 314.501'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center right 15px;
	padding-right: 50px;
}

.newsletter input[type=submit]:hover {
	color: white;
	border: 1px solid white;
	background-color: black;
}

.newsletter input::placeholder {
	color: white;
}

.newsletter h2{
	color: white;
	padding-top: 0;
}

.newsletter p {
	margin: 0;
	padding: 20px;
}

.newsletter h2{
	padding: 0 20px;
}

@media all and (max-width: 768px){
	/* #newsletter{
		padding: 20px 0 20px 0;
	} */
	
	.newsletter .cols {
		display: block;
	}
	
	.newsletter .cols .col50{
		width: 100%;
	}
	
	.newsletter p {
 		margin: 10px 0 20px 0;
	}
	
	#newsletter .extra-padding {
 		padding: 0 20px;	
	}
}