#case-studies {
  padding: 5em 8em;
  max-width: 1700px;
  margin: 0 auto;
}

#case-studies h1 {
  color: #000;
  font-size: 7em;
  text-align: initial;
}

#case-studies h2 {
  color: #c1aae2;
  font-size: 1.5em;
  text-align: initial;
  padding: 1em 0;
  font-family: "MrEavesModOT";
}

#case-studies div {
  width: 50%;
  padding-top: 2em;
}

#case-studies summary {
  font-family: 'MrEavesModOT';
  font-size: 1.5em;
}

#case-studies summary p {
  padding-bottom: 1.4em;
  font-size: 1.1em;
}

#case-studies img:nth-of-type(odd) {
  float: right;
}

#case-studies img:nth-of-type(even) {
  float: left;
}

#case-studies div:nth-of-type(even) {
  float: right;
}

@media screen and (max-width: 1500px) {
  #case-studies img {
    width: 50%;
  }
}

@media screen and (max-width: 1200px) {
  #case-studies img {
    display: none;
  }

  #case-studies div {
    width: 100%;
  }
}

@media screen and (max-width: 850px) {
  #case-studies {
    padding: 2em 4em;
  }

  #case-studies h1 {
    font-size: 2em;
  }

  #case-studies h2 {
    font-size: 1em !important;
  }
}