.cta{display:none;} @media screen and (min-width: 1200px) and (orientation:landscape){ #intro{position:relative;} .cta{display:inline;position:absolute;left:5%;bottom:15%; height:auto;width:200px;box-shadow:none;} .ctaTxt{display:none;} } nav { display: flex; background: #555; position: absolute; top: 0; left: 0; width: 100%; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; white-space: nowrap; .js & { -ms-overflow-style: -ms-autohiding-scrollbar; &::-webkit-scrollbar { display: none; } } .langSwitcher a { margin-right: 0; &.activeLang { background: $background-alternative; } } .center { float: left; } a { display: inline-block; padding: 10px; box-shadow: none; font-weight: normal; &[data-link-for="wannahelp"]{ background: $background-alternative; animation: nav-link-pulse 2s linear infinite; } } .left, .right { flex: 1; } } @keyframes nav-link-pulse { 0% { background: $background-alternative; } 50% { background: darken($background-alternative, 15); } 100% { background: $background-alternative; } } .signup { input { display: block; width: 90%; margin: 0 auto; border-radius: 0; border: none; padding: 5px 0; height: 2rem; text-align: center; font-size: 1rem; } input[type="submit"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; color: #FFF; background: darken($background-alternative, 20); border-bottom: 2px solid darken($background-alternative, 25); } } section { &#intro { h1 { //margin: 8rem 0 3rem; } } }