/* This override CSS file was created because we're getting an error when saving the main styles file */

/* -- Make gallery more mobile-friendly */

#gallery #gallery-list .gallery-item.last-col {
  margin-right: 3%;
  float: none;
  clear: none;
}

#gallery #gallery-list .gallery-item { 
  width: 21%;
  margin-right: 3%;
  float: none;
  display: inline-block;
  vertical-align: top;
}

#gallery #gallery-list .gallery-item div {
  text-align: left;
}

#gallery #gallery-list {
  text-align: center;
}

#gallery #gallery-list h4 {
  text-rendering: auto;
}

@media (max-width: 980px) {
  #gallery #gallery-list .gallery-item {
    width: 245px;
  }
}

@media all and (max-width: 480px) {
  #gallery #gallery-list h4 {
    font-size: 20px;
  }
}

/* -- Fix "about us" image stretching in some browsers (safari, for one) */
.about-us img { 
  height: auto !important;
}
.about-us h3, .about-us h4 {
  text-rendering: auto;
}

/* -- Update logo */
header h1#logo a {
    display: block;
    background: url(../images/uploads/ActonTV_Logo_2018.png) no-repeat center center transparent;
    background-size: 150px;
}