body,h1,h2,h3,h4,h5 {font-family: "Raleway", sans-serif}
/*.w3-quarter img{margin-bottom: -6px; cursor: pointer} */
.w3-quarter img{ padding-bottom: 16px; cursor: pointer}
.w3-quarter img:hover{opacity: 0.6; transition: 0.3s}

.icon-style { font-size:2.25rem; color: #000000; padding: 0.4375rem; }

/* This is for the new photo grid */
.col-container {
  display: table;
  width: 100%;
  border-collapse: separate;
  /*border-spacing: 5px;*/
  /*margin: 0 -15px;*/
  /*margin:0 -5px;
    width:100.57%;
    width:-webkit-calc(100% + 10px);
    width:calc(100% + 10px);*/

    border-spacing: 15px;
    margin:0 -15px;
    width:100.57%;
    width:-webkit-calc(100% + 15px);
    width:calc(100% + 15px);
}
.col {
  display: table-cell;
  /*padding: 16px;*/
  padding: 8px;
  background: #e7e4e4;
  vertical-align: middle;
  width: 25%;
  cursor: pointer;
}

@media only screen and (max-width: 600px) {
  .col-container {
    display: table;
    width: 100%;
    border-spacing: 0px;
  }

  .col {
    display: block;
    width: 100%;
    margin-top: 12px;
    margin-bottom: 12px;
  }
}

.w3-greyscale,.w3-grayscale{filter:grayscale(75%)}.w3-greyscale-min,.w3-grayscale-min{filter:grayscale(0%)}

#image_grid img:hover {
  opacity: 0.5;
}