@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;
      }
    }
  }
}