div.virtual-office-carousel {
  padding:0;
  overflow:hidden;
  margin-bottom:30px;
}

div.virtual-office-carousel-slide {
  width:100%;
  height:40vh;
  max-height:800px;
  background-size:cover;
  background-position:left;
  border-radius:5px;
  overflow:hidden;
  background-color: white;
}

div.virtual-office-carousel-slide-1 {
  background-image:url('/files/virtual-offices/1.jpg');
}

div.virtual-office-carousel-slide-2 {
  background-image:url('/files/virtual-offices/2.jpg');
}

div.virtual-office-carousel-slide-3 {
  background-image:url('/files/virtual-offices/3.jpg');
}

div.virtual-office-carousel-slide-4 {
  background-image:url('/files/virtual-offices/4.jpg');
}

div.virtual-office-carousel-slide-5 {
  background-image:url('/files/virtual-offices/5.jpg');
}

div.virtual-office-carousel-slide-6 {
  background-image:url('/files/virtual-offices/6.jpg');
}

div.virtual-office-carousel button.splide__arrow {
  width:3em;
  height:3em;
  background-color: var(--dunston-middle);
  opacity:1;
  color: white;
}

div.virtual-office-carousel button.splide__arrow svg path {
  fill: white;
}

div.virtual-offices {
  display:grid;
  grid-template-columns: auto auto auto;
  column-gap: 2%;
  padding-top:5px;
}

div.virtual-resource {

}

div.virtual-resource h2 span {
  font-weight:400;
}

div.virtual-resource p {
  padding:0 10px;
}

div.virtual-resource p strong {
  display:block;
  margin-top:10px;
  font-size:120%;
  font-weight:400;
  color: var(--dunston-dark);
}

@media only screen and (max-width: 950px) {
  div.virtual-resource p strong {
    font-size:110%;
  }
}

@media only screen and (max-width: 850px) {
  div.virtual-resource p strong {
    font-size:100%;
  }
}

@media only screen and (max-width: 750px) {
  div.virtual-offices {
    display:block;
    padding-bottom:0px;
  }
  div.virtual-resource {
    padding-bottom:10px;
    margin-bottom:20px;
    border-bottom:1px solid var(--grey-dark);
  }
  div.virtual-resource:last-of-type {
    margin-bottom:0;
    border-bottom:0px;
  }
  div.virtual-resource h2 {
    font-size:130%;
  }
  div.virtual-resource p strong {
    font-size:120%;
  }
}

section#content6 {
  padding-bottom:0;
}