body {background:#fff; font:400 18px/27px 'Manrope', sans-serif; color:#051625;}
header,footer {text-align:center;}
h1 {font:400 28px/42px 'Noto Serif', serif; margin:0 0 40px 0;}
ul, li {list-style-type:none; margin:0; padding:0;}

header {padding:50px 0}
header p {font-size:24px; margin:25px 0 0 0!important; color:#3D8CD0;}

main .content {background:#EDEEF1; padding:50px 0 0 0;}
main p {margin-bottom:25px;}
form {text-align:center; background:#0F395E; border-radius:8px; color:#fff; padding:30px 25px 0 25px;}
form h2 {font:300 24px/30px 'Merriweather', serif; margin-bottom:30px;}
form input[type='submit'] {margin:25px auto; text-transform:uppercase; letter-spacing:1px;}

#mc_embed_signup .indicates-required, #mc_embed_signup .mc-field-group label {display:none;}

main figure {width:100%; position:relative; overflow:hidden; text-align:center;}
main figure:after {content:''; position:absolute; top:0; left:0; z-index:1; width:100%; background:#EDEEF1; height:50%;}
main figure img {position:relative; width:100%; max-width:1390px; height:auto; z-index:999;}

footer {font:500 12px/22px 'Manrope', sans-serif; padding:0 0 40px 0;}
footer h3 {font:500 14px/22px 'Manrope', sans-serif; text-transform:uppercase;}
footer .follow {margin-bottom:30px;}
footer .follow li {display:inline-block; margin:0 4px;}
footer p {color:#46494B;}


/* Breakpoints */
@media (max-width: 1199.98px) {
  main figure img {width:125%; transform:translateX(-10%);}
}
@media (max-width: 768px) {
  main .content {padding-bottom:30px;}
  form h2 {font-size:20px;}
}
@media (max-width: 575.98px) {
  main figure img {width:135%; transform:translateX(-20%);}
  header p {font-size:21px;}
  header p span {display:block;}
  h1 {font-size:24px; line-height:36px;}
}
@media (max-width: 375.98px) {
  body {font-size:16px; line-height:24px;}
  main figure img {width:155%; transform:translateX(-25%);}
  h1, form h2 {font-size:20px; line-height:30px;}
}
@media (max-width: 324.98px) {
  main figure img {width:155%; transform:translateX(-25%);}
}