.homepage-container {
      max-width: 980px;
      margin: auto;
      padding: 0 10px;
      color: #fff;
    }

    .top-header img {
      width: 100%;
      height: auto;
    }

    .main-content {
      display: flex;
      flex-wrap: wrap;
      gap: 20px;
      padding: 10px 0;
      background-image: url(images/middle.jpg);
      background-repeat: no-repeat;
      font-size: .9rem;
}

.box1 {
  margin-left: 100px;
margin-top: 14px;
color: #fff;
}

.box2 {
  padding-right: 28px;
}

.box3 {
  margin-right: 82px;
}

    .box1, .box2, .box3 {
      flex: 1 1 100px;
      color:#fff;
    }

    .theme-links {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      padding: 10px 0 5px 0px;
      background-image: url(images/bottom.jpg);
      background-repeat: no-repeat;
    }

    .theme-links li {
      display: flex;
      flex-direction: column;
      align-items: center;
      line-height: 18px;
      padding: 0px 18px 0px 18px;
    }

    .theme-links img {
      max-width: 100%;
      height: auto;
    }

    @media (max-width: 768px) {
      .theme-links li {
        width: 100%;
        align-items: first baseline;
        padding: 0px 10px 10px 30px;
      }

      .theme-links {
        background-image:none;
      }

      .box3 {
        margin: 0px;
        padding: 0px 30px 0px 30px;
      }

      .main-content {
        background-image: none;
  }
  .top-header {
    display: none;
  }

  .homepage-container{
    background-image: url(/images/our-plural-history-mobile-logo-768.jpg);
     background-repeat: no-repeat;
 }

 .box2 {
   margin-top:12px;
 }

 .box1 {
   margin-top: 90px;
 }

    }

    .ThemeTitle {
  float: right;
  padding: 0px 0px 0px 10px;
}

#footer-text {
  text-align: center;
  padding: 10px;
}

a:hover {
  color: #eee4ce;
  text-decoration:underline;
}