@media only screen and (max-width: 959px) {
  .logo-type-custom #rt-logo {
    background-size: contain !important;
    width: 100% !important;
  }
}

@media only screen and (max-width: 767px) {
  .logo-type-custom #rt-logo {
    height: 70px !important;
  }

  .component-content h1 {
    font-size: 2em;
  }

  .component-content h2 {
    font-size: 1.7em;
  }
}

/* FontAwesome Icons in purple sidebar. */
.sidebar__icons a {
  color: rgb(3, 116, 176);
  margin: 0 0.5rem; 
}

.sidebar__heading {
  line-height: 1.0;
}

/* Two-column list of concerns on the home page, below main content. */
.custom_concerns{
  background: rgb(204, 192, 213);
  border: 1px solid black;
  color: rgb(0, 0, 0);
  padding: 0 2rem;
}

@media screen and (min-width: 768px) {
  .custom_concerns > ul {
    columns: 2;
    column-gap: 2rem;
  }
}

.custom_concerns > ul li {
  margin-bottom: 0.6rem
}

/* Font needs to be black because default color is washed out. */
body #rt-mainbottom .rt-container .rt-block:not(.box1):not(.box2):not(.box3) .custom_concerns p,
body #rt-mainbottom .rt-container .rt-block:not(.box1):not(.box2):not(.box3) .custom_concerns h1,
body #rt-mainbottom .rt-container .rt-block:not(.box1):not(.box2):not(.box3) .custom_concerns li {
  color: rgb(0, 0, 0);
}

/* Testimonial and image on Home page */
.home-testimonial {
  
  align-items: start;
  display: flex;
  flex-direction: column;
}

@media screen and (min-width: 768px) {
  .home-testimonial {
    flex-direction: row;
  }
}

.home-testimonial__image {
  flex: 0 1 175%;
  display: block;
  height: auto;
  margin-top: 10px;
}

@media screen and (min-width: 768px) {
  .home-testimonial__image {
    margin-left: 1rem;
    width: 50%;
  }
}

/* Services Page */
@media screen and (min-width: 768px) {
.services-image {
    width: 50%;
    margin: 0 0 1rem 1rem;
  }
}

/* Contact Page */
@media screen and (min-width: 768px) {
  .contact-image {
    float: right;
    margin: 0 0 1rem 1rem;
    width: 30%;
  }
}