.sunderlandWrapper{
        margin: 0 auto; max-width: 850px;
    }
    .sunderlandWrapper .sunderlandModuleHeader{
        background-color: #e71d73;
        color: white;
        width: 100%;
        padding: 10px;
        text-align: center;
        margin: auto;
    }
    .sunderlandWrapper .sunderlandModuleHeader h2{
        text-align: center;
    }

.sunderlandTileWrapper {
  padding: 2rem;
}

.sunderlandTileWrapper > ul {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  grid-gap: 1rem;
}

@media screen and (max-width: 1240px){
.sunderlandTileWrapper > ul {grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  }
}


.sunderlandTileWrapper > ul > li {
  border: 1px solid #E2E2E2;
  border-radius: .5rem;
  list-style: none;
}

.sunderlandTileWrapper > ul > li > figure {
  max-height: 220px;
  overflow: hidden;
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
  border-bottom-left-radius: .5rem;
  border-bottom-right-radius: .5rem;
  position: relative;
  margin-bottom: -10px;
}

.sunderlandTileWrapper > ul > li > figure > a > img {
  width: 80%;
  margin: 0 auto;
  display: block;
}

.sunderlandTileWrapper > ul > li > figure > a > figcaption {
  position: absolute;
  bottom: 0;
  background-color: rgba(0,0,0,.8);
  width: 100%;
}

.sunderlandTileWrapper > ul > li > figure > a > figcaption > h3 {
  color: white;
  padding: .75rem;
  font-size: 1.25rem;
}

.sunderlandTileWrapper > ul > li > h3 {
  font-size: 1.4rem;
  line-height: 1.5;
  color: #666666;
  text-align: center;
}

.sunderlandTileWrapper > ul > li > a {
  padding: .5rem 1rem;
  margin: .5rem;
}

/*@import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');
.bannerUoS{
  width: 50%;
  margin: 0 auto;
  display: block;
}
.bannerUoS .bannerContainerUoS{
  background: rgb(10,90,162);
  background: linear-gradient(90deg, rgba(10,90,162,1) 0%, rgba(10,90,162,1) 49%, rgba(54,136,209,0.938813025210084) 100%);
  border-radius: 40px 40px 0 0;
  margin-top: 40px;
  margin-bottom: 40px;
}
.bannerUoS .bannerContainerUoS .bannerTitleUoS{
  color: white;
  padding: 10px 40px;
  font-weight: 300;
  font-size: 24px;
  font-family: 'Open Sans';
  display: inline-block;
  width: 65%;
  vertical-align: bottom;
  padding-top: 20px;
}
.bannerUoS .bannerContainerUoS span#introIconUoS img{
  width: 18%;
    margin-top: -50px;
    margin-bottom: 20px;
}

@media screen and (max-width: 1240px){
  .bannerUoS .bannerContainerUoS .bannerTitleUoS{
    width: 55%;
  }
  .bannerUoS .bannerContainerUoS span#introIconUoS img{
    margin-bottom: 40px;
  }
}

@media screen and (max-width: 1240px){
  .bannerUoS .bannerContainerUoS span#introIconUoS img{
    margin-bottom: 30px;
  }
}*/