.email-background {
	background: var(--color-petrol);
}

.email-font {
	font-family: "Lexend Deca";
	font-style: normal;
}

.frm-subscribe {
	background-color: var(--color-white);
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.email-background .frm-subscribe label {
	color: var(--color-petrol);
	font-weight: 400;
	font-size: var(--20px);
	line-height: 1.2;
}

.email-background .frm-subscribe input {
	height: 40px;
	border-color: transparent;
	border-bottom-color: var(--color-petrol-50);
	border-bottom-width: 2px;
}

.email-background .form-style {
	display: flex;
	flex-flow: row wrap;
	align-items: center;
}

.email-background a {
	text-decoration: none;
}

.email-background a:hover {
	text-decoration: underline;
}

@media (min-width: 1200px) {
	.email-background .frm-subscribe input {
		width: 350px;
	}
}

.email-background .btn-subscribe {
	background: var(--color-green-light) !important;
	border-radius: 0px;
	font-size: var(--20px);
	line-height: 1.4;
	height: 10vh;
	color: var(--color-petrol);
}

@media (max-width: 768px) {
	.email-background .frm-subscribe input {
		height: 20px;
		padding: 5px;
		text-align: center;
	}
	
	.email-background .btn-subscribe {
		height: 7vh;
	}
	
	.email-background .form-style {
		justify-content: center;
		text-align: center;
		padding-top: 1rem;
		padding-bottom: 1rem;
	}
}

.email-background .frm-subscribe input::placeholder {
	color: var(--color-petrol-50) !important;
	font-size: var(--20px);
	line-height: 1.4;
}