| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364 |
- .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;
- }
- }
- }
|