/* Colours */
/* Fluid heading sizes - set your min/max sizes and you're done! */
/* Some device sizes to use with min-width */
/* adjusted breakpoints for above */
/* 100% widths look better than "Snapping" IMO */
/* Utility */
/* Additional Spacers -- don't think you'll need more than 10, but if you do -- maybe just use a custom class  :)  */
#sec-locations {
  padding: 68px 0 70px; }
  #sec-locations h2 {
    margin-bottom: 16px; }
  #sec-locations h5 {
    letter-spacing: 3.42px;
    color: #5EB1E0; }
  #sec-locations .callout h4 {
    color: #1A3A6B;
    font-weight: 400;
    letter-spacing: 0;
    text-transform: unset;
    margin-bottom: 10px; }
  #sec-locations .card picture,
  #sec-locations .card img {
    max-width: 100% !important;
    width: 100% !important;
    object-fit: cover;
    overflow: hidden; }
  #sec-locations .card h3 {
    letter-spacing: 3.04px;
    color: #1A3A6B;
    font-size: 16px;
    margin: 0;
    margin-top: 30px;
    position: relative; }
    #sec-locations .card h3::before {
      content: '';
      position: absolute;
      bottom: -22px;
      background-color: #5EB1E0;
      height: 4px;
      width: 80px;
      left: 50%;
      right: 0;
      transform: translateX(-50%);
      display: none; }
  #sec-locations .card:hover h3::before {
    display: inline-block; }
  @media screen and (min-width: 1025px) {
    #sec-locations {
      padding: 81px 0 168px; } }