.top-section-hero { width: 100%; height: 100%; padding-top: 0; .jumbotron { position: relative; top: 50%; left: 0; transform: translateY(-50%); @media (max-width: 767px) { margin: 0; padding: 0; } p { font-size: $base-font-size * 2; font-weight: $light; margin-bottom: 15px; } .btn { margin: 0 3px; } } } .explore { margin-left: -12px; position: absolute; bottom: 50px; left: 50%; transition: $base-transition; @media (max-width: 767px) { bottom: 30px; } } .icon-arrow-down { width: 32px; height: 32px; fill: #e6e6e6; @media (max-width: 767px) { width: 24px; height: 24px; } }