.home-index { background: white }
.home-index h2 { font-family: 'trumpgothicpro', 'Arial Narrow', Arial, Helvetica, sans-serif; font-weight: bold; line-height: 96%; letter-spacing: 0.05em; text-transform: uppercase; }
.home-index p { font-family: 'neue-haas-unica', 'Arial Narrow', Arial, Helvetica, sans-serif; font-weight: 300; line-height: 172.49%; letter-spacing: 0.06em; }
.home-index p.bc-link { margin-bottom: 2em;}

.home-index a.btn { border-width: 1px; border-style: solid; border-radius: 50px; display: inline-block; font-family: 'trumpgothicpro', 'Arial Narrow', Arial, Helvetica, sans-serif; font-size: 18px; height: 50px; letter-spacing: 0.1em; line-height: 50px; text-align: center; text-transform: uppercase; transition: all .3s linear; padding: 0 25px; }
@media all and (max-width: 768px) { .home-index a.btn { display: inline-flex; justify-content: center; align-items: center; align-content: center; height: auto; min-height: 48px; line-height: 1.5em; } }

.home-index a.btn.btn-black { background: #1B1B1B; border-color: #1B1B1B; color: white; }
.home-index a.btn.btn-black:hover { background: white; color: #1B1B1B; }

.home-index a.btn.btn-white { background: white; border-color: white; color: #1B1B1B; }
.home-index a.btn.btn-white:hover { background: transparent; color: white; }

.home-index a.btn.btn-grey { background: #F3F3F3; border-color: #F3F3F3; color: #1B1B1B; }
.home-index a.btn.btn-grey:hover { background: transparent; border-color: #1B1B1B; }

@media all and (max-width: 655px) {
    .home-index a.btn.btn-grey,
    .home-index a.btn.btn-black { margin: auto }
    .home-index a.btn.btn-grey,
    .home-index a.btn.btn-black,
    .banner-frame a.btn.btn-white { width: auto; min-width: auto; padding-left: 30px; padding-right: 30px; height: 38px }
}

.home-index .link-underline { color: #1B1B1B; font-size: 18px; font-family: 'trumpgothicpro', 'Arial Narrow', Arial, Helvetica, sans-serif; font-weight: 500; line-height: 122%; letter-spacing: 0.1em; position: relative; text-transform: uppercase; }
.home-index .link-underline:before { content: ""; position: absolute; width: 100%; height: 1px; bottom: 0; left: 0; background-color: #1B1B1B; visibility: hidden; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; }
.home-index .link-underline:hover:before { visibility: visible; -webkit-transform: scaleX(1); transform: scaleX(1); }

.animate-icon { opacity: .5; transition: all .3s linear }
.animate-icon.active { opacity: 1; transition: all .3s linear }

.navigation {
    background: transparent !important;
    display: block;
    padding: 0 !important;
    margin: 0 !important;
    position: absolute;
    z-index: 2;
    top: 0;
    bottom: 0;
    min-width: 60px !important;
    transition: all .2s linear;
}
.navigation:hover { background: transparent !important; opacity: .5 }
.navigation.navigation-prev { left: 0 }
.navigation.navigation-next { right: 0 }

@media all and (min-width: 1281px) { h2 { font-size: 50px; } }
@media all and (max-width: 1280px) { h2 { font-size: 35px; } }

@media all and (min-width: 1025px) { .home-index p { font-size: 16px; } }
@media all and (max-width: 1024px) { .home-index p { font-size:  14px; } }