diff --git a/scss/_masthead.scss b/scss/_masthead.scss index cdb37d2..46b4aea 100644 --- a/scss/_masthead.scss +++ b/scss/_masthead.scss @@ -15,66 +15,49 @@ header.masthead { background-size: cover; overflow: hidden; } - .header-content { - position: relative; - width: 100%; - padding: 100px 15px 100px; - text-align: center; - .header-content-inner { - h1 { - font-size: 30px; - font-weight: 700; - margin-top: 0; - margin-bottom: 0; - text-transform: uppercase; - } - hr { - margin: 30px auto; - } - p { - font-size: 16px; - font-weight: 300; - margin-bottom: 50px; - color: fade-out(white, .3); - } - } - } a { position: absolute; bottom: 2rem; } #video-sound { - right: 4rem; + right: 2rem; } #youtube-link { - right: 9rem; + right: 6rem; } #fullscreen-video { - left: 4rem; + left: 2rem; + } + .icone { + width: 1.1rem; + height: 1rem; + } + .fa-2x { + font-size: inherit; + } + .btn-xl { + padding: .5rem 1rem; } @media (min-width: 768px) { height: 100%; - .header-content { - position: absolute; - top: 50%; - padding: 0 50px; - -webkit-transform: translateY(-50%); - -ms-transform: translateY(-50%); - transform: translateY(-50%); - .header-content-inner { - max-width: 1000px; - margin-right: auto; - margin-left: auto; - h1 { - font-size: 50px; - } - p { - font-size: 18px; - max-width: 80%; - margin-right: auto; - margin-left: auto; - } - } + #video-sound { + right: 4rem; + } + #youtube-link { + right: 9rem; + } + #fullscreen-video { + left: 4rem; + } + .icone { + width: 2.2rem; + height: 2rem; + } + .fa-2x { + font-size: 2em; + } + .btn-xl { + padding: 15px 30px; } } }