.home-info-wrapper { position: relative; }
.home-info-flex-container, .home-info-flex-container-reverse { max-width: 1200px; padding: 48px 16px 0; margin: auto; position: relative; display: flex; flex-direction: column; }
@media (min-width: 520px) { .home-info-flex-container, .home-info-flex-container-reverse { padding: 48px 24px 0; } }
@media (min-width: 768px) { .home-info-flex-container, .home-info-flex-container-reverse { padding: 0 32px; flex-direction: row; } }
@media (min-width: 1004px) { .home-info-flex-container, .home-info-flex-container-reverse { padding: 0 32px; } }
@media (min-width: 768px) { .home-info-flex-container-reverse { flex-direction: row-reverse; } }
.home-info-flex-box, .home-info-flex-box-image, .home-info-flex-box-text { flex: 1 0 auto; display: flex; justify-content: center; align-items: center; }
@media (min-width: 768px) { .home-info-flex-box, .home-info-flex-box-image, .home-info-flex-box-text { flex: 1 0 50%; } }
.home-info-flex-box button, .home-info-flex-box-image button, .home-info-flex-box-text button { font-size: 16px; line-height: 19px; font-weight: 600; padding: 10px 16px 9px; border-radius: 5px; color: white; border: 0; background-color: #00A4DB; outline: 0; }
.home-info-flex-box-image { padding-top: 16px; }
@media (min-width: 768px) { .home-info-flex-box-image { padding-top: 48px; } }
@media (min-width: 1004px) { .home-info-flex-box-image { padding-top: 88px; } }
.home-info-title { max-width: 380px; margin: 0 auto 16px; font-family: 'Avenir Next', 'Montserrat', sans-serif; font-size: 20px; line-height: 30px; font-weight: 700; }
@media (min-width: 768px) { .home-info-title { max-width: none; font-size: 22px; line-height: 34px; } }
.home-info-text { margin-bottom: 1em; font-size: 16px; line-height: 24px; }
@media (min-width: 768px) { .home-info-text { font-size: 18px; line-height: 25px; } }
.home-info-flex-box-text { text-align: center; }
@media (min-width: 768px) { .home-info-flex-box-text { text-align: left; } }
.home-info-flex-box-text-container { max-width: none; }
@media (min-width: 768px) { .home-info-flex-box-text-container { max-width: 400px; } }
.home-info-bg-container { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: none; height: 100%; }
@media (min-width: 1004px) { .home-info-bg-container { display: flex; } }
.home-info-bg-container div { flex: 1 0 auto; }
.home-info-bg-box { background-size: cover; background-position: center; }