body {
  @include baseDefault;

  font-family: $ProximaNova;
  color: $fontPrimary;
  background: $techWhite;
  top: 0 !important;
  position: static !important;
  scroll-behavior: smooth;
  overflow-x: hidden;

  @media screen and (max-width: 1200px) {
    overflow: auto;
  }
}

html {
  scroll-behavior: smooth;
  height: auto !important;
}

.container {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  position: relative;

  @include breakpoint-down('deskL') {
    max-width: 1120px;
  }

  @include breakpoint-down('deskS') {
    max-width: 100%;
    padding: 0 40px;
  }

  @include breakpoint-down('tabM') {
    padding: 0 20px;
  }
}

.logo {
  width: 197px;
  height: 27px;
  background-image: url('../assets/logo.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;

  a {
    width: 100%;
    height: 100%;
    display: block;
  }
}

#root {
  width: 100%;
  min-height: 100vh;
  height: 100%;
  display: flex;
  flex-direction: column;
  scroll-behavior: smooth;
}

.cookieUse {
  #root {
    .footer {
      padding-bottom: 70px;

      @include breakpoint-down('tabM') {
        padding-bottom: 85px;
      }

      @include breakpoint-down('mobM') {
        padding-bottom: 105px;
      }
    }
  }
}