.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; } } } .typeout-fallback { display: none; @media (max-width: 767px) { display: inline-block; } } .explore { margin-left: -12px; position: absolute; bottom: 25px; left: 50%; animation: callToAction 3.5s linear 0s infinite; @media (max-width: 767px) { animation: none; } } .icon-arrow-down { width: 32px; height: 32px; fill: #e6e6e6; @media (max-width: 767px) { width: 24px; height: 24px; } } @keyframes callToAction { 0% { opacity: 0; transform: translateY(-16px); } 25% { opacity: 1; transform: translateY(0); } 75% { opacity: 1; transform: translateY(0); } 85% { opacity: 0; transform: translateY(-16px); } 100% { opacity: 0; transform: translateY(-16px); } }