#mc_embed_signup { background-color: rgba(50, 66, 74, 0.85); color: #fff; font-size: 1em; font-weight: 400; font-family: 'Open Sans', sans-serif; margin-bottom: 2em; margin-top: 5em; border-radius: 5px; clear: both; } #mc_embed_signup input { margin: 0.85em auto; outline: none; color: #333; background-color: #fff; border-color: #fff; transition: all 0.5s; } #mc_embed_signup input:focus { background-color: #ddd; border-color: #ddd; } #mc_embed_signup h2 { margin-bottom: 1em; } div.mce_inline_error { color: orange!important; } input.mce_inline_error { border-color: orange!important; outline: orange!important; } /*Subscribe btn*/ input#mc-embedded-subscribe { background-color: #7297ce!important; } input#mc-embedded-subscribe:hover, input#mc-embedded-subscribe:active { opacity: 0.7!important; } /*Response text success*/ #mce-success-response { color: #fff !important; } .envelope-icon { margin-right: 0.5em; vertical-align: top; font-size: 1.2em; } /* ================================================= MEDIA QUERIES ==================================================*/ /* ----------------- 1 COL ------------------ */ @media (max-width: 499px) { #mc_embed_signup h2 { font-size: 1.1em; } #mc_embed_signup label { font-size: 0.95em; } } /* ------------ Between COL 4 & 5 ---------------- */ @media (min-width: 992px) and (max-width: 1154px) { #mc_embed_signup { margin-right: 20%; margin-left: 20%; width: 60% } }