#newsletterFormcont {
width: 100%;
height: 140px;
background: #fff;
border: 1px solid #c3c4c7;
box-shadow: 0 1px 1px rgba(0,0,0,.04);
display: flex;
justify-content: center;
align-items: center;
}
#newsletterForm{
background: #eceeef;
transition: .2s;
width: 80%;
border-radius: 3px;
}
#newsletterInnercont {
width: 100%;
background-color: #eceeef;
height: 50px;
}
#newsletterInputcont {
display: flex;
}
#newsletterInput {
width: 80%;
}
#newsletterInput input { background-color: transparent;
border: none;
padding: 10px;
padding-left: calc(50px / 3);
padding-right: calc(50px / 3);
font-family: var( --e-global-typography-text-font-family ), Sans-serif;
font-weight: var( --e-global-typography-text-font-weight );
color: var( --e-global-color-text );
fill: var( --e-global-color-text );
height: 50px;
}
#newsletterBtn {
width: 20%;
}
#newsletterBtn input {
width: 100%;    
background-color:#6FBEDE;
border: none;
color: #fff;
font-weight: 800;
height: 50px;
}
#newsletterBtn input:hover {
background-color: #5691a8;
}
#newsletterTitleCont {
width: 100%;
text-align: center;
}
#newsletterTitleCont {
color: #DD5626;
text-align: center;
font-size: 30px;
font-weight: 400;
}
@media screen and (max-width: 811px) {
#newsletterTitle {
font-size: 22px;
}
}
@media screen and (max-width: 736px) {
#newsletterBtn {
width: 30%;
}
#newsletterInput input {
width: 70%;
}
#newsletterTitle {
font-size: 18px;
}
}