@import url('https://fonts.googleapis.com/css?family=Merriweather');

#newsletterComponent{
    width: 100%;
    font-family: 'Merriweather', serif;
}

#newsletterComponent #wrapper{ max-width: 300px; width: 100%; margin: 0 auto; }

#newsletterComponent .column{ width: 100%; display:block; padding: 3px 0;}

#newsletterComponent label{ line-height: 40px; }
#newsletterComponent label.error{ color:#dc362d; }

#newsletterComponent form{ }
#newsletterComponent input{ display:block; width: 100%; line-height: 25px; }
#newsletterComponent input[type="checkbox"]{ display:inline; width: auto; float: left; line-height:25px; height: 35px; margin-right: 10px;}
#newsletterComponent input[type="submit"]{ width: auto; border: none; outline: none; padding: 6px 20px; font-size:15px; cursor: pointer; background-color: #f9ed43; margin: 0 auto; margin-top: 10px; }
#newsletterComponent input[type="submit"]:hover{ background-color: #dcd131; -webkit-transition: all .2s; transition: all .2s;}

#newsletterComponent #response{ display:block; width:100%; text-align:center; margin-top:10px; }

@media (max-width: 479px) {
    #newsletterComponent #wrapper{ width: 100%; padding: 0px 15px; box-sizing:border-box; }
}