* {
  box-sizing: border-box;
}

a {
  /* color: #dc2c35; */
  color: #ffb145;
}
/* aside {
  display: flex;
  unicode-bidi: isolate;
  background-color: rgba(211, 211, 211, 0.3);
} */
body {
  font-family: "Lato";
  font-weight: 400;
  font-size: 20px;
  color: #143741;
}
h1 {
  font-family: "Lato";
  font-weight: 900;
  font-size: 40px;
  color: #dc2c35;
  text-transform: uppercase;
  margin-bottom: 0.5rem;
  margin-top: 0.5rem;
}
h2 {
  font-family: "Lato";
  font-weight: 900;
  font-size: 30px;
  height: 37px;
  color: #ffb145;
  text-transform: uppercase;
  margin: 0;
}
h3 {
  font-family: "Lato";
  font-weight: 400;
  font-size: 20px;
  color: #143741;
  text-transform: uppercase;
}
h4 {
  font-family: "Lato";
  font-weight: 400;
  font-size: 20px;
  color: #143741;
}
/* ol {
  padding-inline-start: 0;
} */
video {
  width: 100%;
  height: auto;
  z-index: 2;
}
.logo {
  width: 300;
  height: 39;
}

.icon {
  height: 37px;
  max-width: auto;
  aspect-ratio: initial;
  vertical-align: bottom;
}
.container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
  gap: 2rem;
  align-items: start;
  margin: 0px 3rem;
  align-items: stretch;
}
.top {
  border: 1px solid red;
}
.video {
  grid-row: -1;
  grid-column: 1 / -1;
  justify-items: stretch;
  align-items: stretch;
}
.whatsnew-container {
  grid-row: 2;
  grid-column: 1;
}
.logo-container {
  grid-row: 2;
  grid-column: 2;
  justify-self: end;
  align-self: center;
}

.highlights-container {
  grid-row: 3;
  grid-column: 1 / -1;
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: auto;
  /* grid-template-areas:
    "headline"
    "firstSection"
    "secondSection"
    "thirdSection"
    "fourthSection"; */
  grid-template-areas:
  "headline"
  "firstSection"
  "secondSection";
  column-gap: 4rem;
  margin-right: 1rem;
}

.improvements-container {
  grid-row: 4;
  grid-column: 1 / -1;
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: auto;
  /* grid-template-areas:
    "headline"
    "firstSection"
    "secondSection"
    "thirdSection"
    "fourthSection"; */
  grid-template-areas:
  "headline"
  "firstSection" 
  "secondSection"
  "thirdSection";
  column-gap: 4rem;
  margin-right: 1rem;
}

.bugfixes-container {
  grid-row: 5;
  grid-column: 1 / -1;
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: auto;
  /* grid-template-areas:
  "headline"
  "firstSection"
  "secondSection"
  "thirdSection"
  "fourthSection"; */
  grid-template-areas:
    "headline"
    "firstSection" 
    "secondSection";
  column-gap: 4rem;
  margin-right: 1rem;
}

.headline {
  grid-area: headline;
}
.firstSection {
  grid-area: firstSection;
}
.secondSection {
  grid-area: secondSection;
}
.thirdSection {
  grid-area: thirdSection;
}
.fourthSection {
  grid-area: fourthSection;
}

.patchnotes {
  grid-row: 6;
  grid-column: 1 / -1;
}

.bot {
  grid-row: 7;
  grid-column: 1 / -1;
  justify-self: center;
  text-transform: uppercase;
  font-family: "Lato";
}

.new-license-model-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(5, 1fr);
  grid-template-areas:
  "de gb"
  "es fr"
  "it jp"
  "nl pt"
  "ru cn";
  column-gap: 4rem;
  margin-right: 1rem;
}


@media only screen and (max-width: 700px) {
  .container {
    display: grid;
    grid-template-rows: auto;
    gap: 1rem;
    align-items: start;
    margin: 0px 1rem;
    align-items: stretch;
    grid-template-areas:
      "logo-container"
      "whatsnew-container"
      "highlights-container"
  }
  .logo-container {
    grid-row: 1;
    grid-column: 1 / -1;
    justify-self: center;
    align-self: center;
  }
  .whatsnew-container {
    grid-row: 2;
    grid-column: 1 / -1;
  }
  .new-license-model-container {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(10, 1fr);
    grid-template-areas:
      "de"
      "gb"
      "es"
      "fr"
      "it"
      "jp"
      "nl"
      "pt"
      "ru"
      "cn";
  }
}