html { 
    min-height:100%;
    background:
    linear-gradient(rgba(0,0,0,0.08),rgba(0,0,0,0.08)) calc(1*100%/8),
    linear-gradient(rgba(0,0,0,0.08),rgba(0,0,0,0.08)) calc(2*100%/8),
    linear-gradient(rgba(0,0,0,0.08),rgba(0,0,0,0.08)) calc(3*100%/8),
    linear-gradient(rgba(0,0,0,0.08),rgba(0,0,0,0.08)) calc(4*100%/8),
    linear-gradient(rgba(0,0,0,0.08),rgba(0,0,0,0.08)) calc(5*100%/8),
    linear-gradient(rgba(0,0,0,0.08),rgba(0,0,0,0.08)) calc(6*100%/8),
    linear-gradient(rgba(0,0,0,0.08),rgba(0,0,0,0.08)) calc(7*100%/8);
    background-size:1px 100%; /* Control the width here*/
    background-repeat:no-repeat;
}
* { box-sizing: border-box; }
body { font-family: termina,sans-serif; font-style: normal;}

/* global classes */
.light { font-weight: 300; }
.regular { font-weight: 400; }
.medium { font-weight: 500; }
.demi { font-weight: 600; }
.bold { font-weight: 700; }
.uppercase { text-transform: uppercase; }

.teal { background-color: #25D8C4; }
.gold { background-color: #EBB34B; }
.pink { background-color: #EED8CC; }
.red { background-color: #F04F33; }
.darkred { background-color: #DD180A; }
.black { background-color: #000000; }
.white { background-color: #FFFFFF; }

.color-teal { color: #25D8C4; }
.color-gold { color: #EBB34B; }
.color-pink { color: #EED8CC; }
.color-red { color: #F04F33; }
.color-darkred { color: #DD180A; }
.color-black { color: #000000; }
.color-white { color: #FFFFFF; }

.full-width { width: 100%; margin: auto; }
.max-width { width: 100%; max-width: calc((100%/8)*6); margin: auto; }
.section-block { position: relative; }

h1 { font-size: 84px; line-height: 80px; }
h2 { font-size: 60px; line-height: 60px; letter-spacing: 0.02em; }
h3 { font-size: 42px; line-height: 40px; letter-spacing: 0.02em; }
p { font-size: 18px; line-height: 32px; }

/* section 1 - top-banner*/
.top-banner-background { width: 100%; max-height: 950px; object-fit: cover; max-width: calc(100%/8 * 6); object-position: center right; }
.top-banner-icon { position: absolute; top: 60px; right: 75px; }
.top-banner-messaging { position: relative; margin-top: -200px;}
.main-logo { background: #000000; padding: 30px 40px 30px 30px; display: table; min-width: 292px; width: auto; }
.messaging-block { width: 100%; max-width: 720px; padding: 20px; margin-left: -80px;}

/* section 2 - three-column*/
.three-column { display:flex; justify-content:space-between; margin-top: 110px;}
.three-column-item { width: 33.333%;}
.three-column-item.tci-middle { padding-left: 37px; }
.three-column-item.tci-last p { max-width: 280px; }
.three-column-item img { width: 100%; background-size: cover; }

/* section 3 - form */
.form { margin-top: 140px; margin-bottom: 91px;}
.form-headliner { padding:30px 30px 117px 30px; max-width: 980px; margin-left: -80px; z-index:1; position: relative; }
.form-container { padding: 136px 0 111px; margin-top: -60px; }
.g-form-form { width: 100%; max-width: 66.6667%; display: table; margin: auto;}
.g-form-form form { position: relative; }
.gform_footer { position: absolute; bottom: 0; padding: 0!important; margin: 0!important; right: 0;}
.gform_heading { display:none; }
.gform_wrapper.gravity-theme .gfield input.large::placeholder { color: #000000; }
.gform_wrapper.gravity-theme .gfield input.large, .gform_wrapper.gravity-theme .gfield select.large, .gform_wrapper.gravity-theme .gform_footer input[type="submit"] { padding: 25px 20px; font-size: 20px; line-height: 32px; font-family: termina,sans-serif; font-style: normal; outline: none; border: none; color: black;}
.gform_wrapper.gravity-theme .gform_footer input[type="submit"] { background-color: #F04F33; color: #FFFFFF;  padding-left: 45px; padding-right: 45px; cursor: pointer; transition: .25s background-color ease-in-out; margin: 0;}
.gform_wrapper.gravity-theme .gform_footer input[type="submit"]:hover { background-color: #DD180A; }
.form-blocks { position:absolute; bottom: -43px; right: 25%; }

/* section 4 - follow */
.follow { padding-top: 117px; display:flex; justify-content: space-between; }
.social-channels { display:flex; }
.social-icon { display: flex; width: 80px; height: 80px; justify-content: center; align-items: center; background-color: #F04F33; transition: .25s background-color ease-in-out; }
.social-icon:hover { background: #DD180A; }
/* section 5 - footer */
.footer { display:flex; /*padding-top: 91px;*/padding-top:121px; padding-bottom: 123px; }
.footer p { max-width: 915px; }
.mgi-logo { margin-right: 25px; width: 82px; height: 82px; display: block; }

@media screen and (min-width: 1600px) {
    .three-column-item.tci-middle { display: flex; justify-content: center; }
}

@media screen and (max-width: 1220px) {
    h3 { font-size: 3.5vw; line-height: 3.5vw;}
    .three-column-item:last-child { padding-left: 15px; }
}

@media only screen 
  and (min-width: 1024px) 
  and (max-height: 1366px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
    .messaging-block, .form-headliner {
        margin-left: -35px;
    }

}

@media screen and (max-width: 1024px) {
    h1 { font-size: 40px; line-height: 40px; }
    h2 { font-size: 34px; line-height: 34px; }
    h3 { font-size: 22px; line-height: 22px; }
    p { font-size: 14px; line-height: 26px; }

    .top-banner-background { min-height:500px; }
    .top-banner-icon { top: 25px; right: 18px; width: 46px; }
    .top-banner-messaging { position: relative; margin-top: -200px;}
    .main-logo { min-width: 148px; max-width: 148px; width: auto; padding: 16px 29px 17px 19px; }
    .main-logo img { max-width: 148px; }
    
    .messaging-block { width: 100%; max-width: 720px; padding: 20px; margin-left: -50px; width: calc(100% + 80px); max-width: calc(100% + 80px); }

    .three-column { flex-direction: column; margin-top: 50px; }
    .three-column-item { width: 100%; }
    .three-column-item.tci-middle { padding-left: 0; margin: 25px auto 15px; }
    .three-column-item.tci-middle br { display: none; }
    .three-column-item:last-child { padding-left: 0; }
    .three-column-item.tci-last p { max-width: 100%; }


    .form { margin-top: 75px; max-width: 100%; }
    .form-headliner { padding: 20px 60px 40px 20px; margin-left: 0; max-width: 85%; }
    .form-container { padding: 90px 0; margin-top: -60px; }
    .g-form-form { max-width: 100%; max-width: calc(100%/8*6); }
    .gform_wrapper.gravity-theme .gform_footer input[type="submit"] { width: 100%; }
    .gform_footer { position: relative; }
    .gform_wrapper.gravity-theme .gfield input.large, .gform_wrapper.gravity-theme .gfield select.large, .gform_wrapper.gravity-theme .gform_footer input[type="submit"] { font-size: 14px; line-height: 32px; padding: 15px; }
    .gform_wrapper.gravity-theme .gform_footer input[type="submit"] { margin-top: 18px; }
    .follow { padding-top: 91px; flex-direction: column; }
    .social-icon { width:33.333%; margin-top: 33px; border-right: 1px solid #ffffff; }
    .social-icon:last-child { border-right:0; }

    .footer { flex-direction: column; padding-top: 67px; padding-bottom: 65px; }
    .mgi-logo { margin-bottom: 22px; }
}

@media screen and (max-width: 500px) {
    h2 {
        font-size: 28px;
        line-height: 32px;
    }
}