#newsletter {
	width: 90%;
	margin:auto;
	display: flex;
	justify-content: space-between;
	background-color: var(--fc-color-main);
	padding: 8px 20px;
	align-items: center;
	border-radius: var(--fc-border-radius);
	margin-top: 20px;
}

#newsletter i {
	font-size: 32px;
	width: 32px;
	height: 32px;
	color: var(--fc-color-on-bg-color-main);
}

#newsletterTitle {
	font-size: 22px;
	font-weight: bold;
	line-height: 20px;
	color: var(--fc-color-on-bg-color-main);
}

#newsletterTitle span {
	display: block;
    font-size: 14px;
    font-weight: normal;
}

#newsletter .fc-input-btn-group {
	width: calc(100% - 200px);
	height: 50px;
}

#newsletter .fc-input-btn-group > .fc-input {
	width: calc(100% - 160px);
}

#newsletter .fc-input-btn-group > .fc-btn {
	width: 160px;
}





@media only screen and (max-width: 680px) {

    #newsletter, #newsletter .fc-input-btn-group {
	    width: 100%;
	}

	#newsletterTitle, #newsletter i{
	    display: none;
	}

}