.shoutContainer {
  border: 3px solid black;
}

.mainBody {
  margin: 2rem;
}
.mainBody.blog {
  margin: 2rem 6rem;
}

.contentBody {
  margin: 1rem;
}

.blogTitle {
  margin: 0px;
  padding: 0px;
}

.logo {
  font-family: "Quicksand";
  font-weight: 500;
  font-size: 10vw;
  color: white;
  margin: 0px;
  padding: 0px;
}
.logoDynamic {
  display: flex;
  flex-wrap: wrap;
  width: 63vw;
  justify-content: space-between;
}

.mainHeaderTitle {
  font-size: 6vw;
  margin: 0px;
  padding: 0px;
}

.sublogo {
  font-family: "Quicksand";
  font-weight: 300;
  font-size: 2vw;
  color: white;
  margin: 0px;
  padding: 0px;
  width: 50vw;
  align-self: center;
}
.header {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #311a95;
  height: 100vh;
}

@media only screen and (max-width: 1000px) {
  .mainBody.blog {
    margin: 2rem;
  }
  .logo {
    font-size: 15vw;
  }
  .logoDynamic {
    justify-content: center;
  }
  .sublogo {
    font-size: 4vw;
  }
  .mainHeaderTitle {
    font-size: 12vw;
    margin: 0px;
    padding: 0px;
  }
}