.gaztime { $color_main: #ff6900; $color_alt: #f7a130; padding: 2rem; position: relative; flex: none; color: #fff; background-color: $color_main; background-image: url("//dd.unicraft.org/static/branding/gaz-time/header/bg.png"); background-repeat: no-repeat; background-size: cover; background-position: right center; display: flex; flex-wrap: wrap; @media (max-width: 1000px) { padding: 2rem 1rem; } @media (max-width: 800px) { background-size: auto 100%; background-position: 60% bottom; } &_logo { flex: none; width: auto; margin: auto 0; @media (max-width: 1200px) { height: 100px; } @media (max-width: 800px) { height: 100px; margin-bottom: 20px; } } &_text { line-height: 1.1; max-width: 370px; margin: auto 2rem; padding-bottom: 1rem; &_main { font-size: 30px; padding: 10px 20px; @media (max-width: 1000px) { background-color: rgba($color_main, 0.85); } } &_bluebox { font-size: 12px; text-transform: uppercase; padding: 10px 20px; background: #00b5e2; max-width: max-content; } } }