/** Holding page css - Manually compile & add to main.css **/
body { color: #000; background: #F2F2F2; overflow-x: hidden; overflow-y: auto; }

.page-wrap { width: 100vw; min-height: 100vh; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-flow: column; -ms-flex-flow: column; flex-flow: column; padding: 1rem; background-image: url("../images/mifuture_holding.svg"); background-position: center; background-size: cover; }

.page-wrap section { padding: 2rem 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center; width: 100%; position: relative; }

.page-wrap section.logo { height: 40vh; }

.page-wrap section.logo img { height: 100%; width: auto; }

.page-wrap section.newsletter div#mc_embed_signup { background: rgba(255, 255, 255, 0.7); padding: 1rem; border-radius: 5px; }

.page-wrap section.newsletter div#mc_embed_signup .btn-primary { background-color: #49bfa1; border: 0; }

.page-wrap section.social-media a { font-size: 2.5rem; color: #000; padding: 0 1rem; }

.page-wrap section.social-media a:hover { color: #121212; }

@media (max-width: 767px) { .page-wrap { -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; }
  .page-wrap section { padding: 0; }
  .page-wrap section.social-media a { font-size: 1.5rem; }
  .page-wrap .input-group { -webkit-flex-flow: column; -ms-flex-flow: column; flex-flow: column; }
  .page-wrap .input-group .form-check-label { padding: 0; font-size: 14px; }
  .page-wrap section.newsletter h2 { font-size: 1.3rem; } }