| @import "@sass/abstracts/mixins"; | |
| @import "variables"; | |
| body { | |
| font-family: Roboto; | |
| color: $main-color; | |
| } | |
| @media (min-width: 1400px) { | |
| .container { | |
| max-width: 1250px; | |
| } | |
| } | |
| /**** START STYLE MAX HEIGHT ****/ | |
| .prod-mode { | |
| display: flex; | |
| flex-direction: column; | |
| height: 100vh; | |
| main { | |
| flex: 1 0 auto; | |
| } | |
| footer { | |
| flex-shrink: 0; | |
| } | |
| } | |
| /**** END STYLE MAX HEIGHT ****/ | |
| main { | |
| .main-header { | |
| margin-top: 55px; | |
| margin-bottom: 30px; | |
| @include respond-to(mobile-large) { | |
| margin-bottom: 0; | |
| } | |
| h4 { | |
| font-size: $text-size-50; | |
| font-weight: 500; | |
| line-height: 70px; | |
| } | |
| } | |
| .main-news-header { | |
| margin-top: 60px; | |
| h2 { | |
| font-size: $text-size-36; | |
| line-height: 43px; | |
| } | |
| } | |
| @include respond-to(mobile-large) { | |
| padding-top: 0; | |
| margin-bottom: 0; | |
| .main-header { | |
| margin-top: 10px; | |
| h4 { | |
| font-size: $text-size-24; | |
| line-height: 32px; | |
| } | |
| } | |
| .main-news-header { | |
| padding-bottom: 35px; | |
| h2 { | |
| margin-top: 0; | |
| font-size: $text-size-18; | |
| line-height: 22px; | |
| } | |
| } | |
| } | |
| } | |