* {
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
}

body.contact-page{
    background-color: #ffffff !important;
}
h1,h2,h3,h4,h5,h6 {
    font-family: 'Merriweather', serif;
    font-weight: 300;
}
/* Page Backgrounds */
img.path-header-dark {
    width: 100%;
    height: 480px;
    top: -260px;
    position: absolute;
    z-index: -99;
}
img.bg {
    position: absolute;
    top: 0;
    margin: 0;
    padding: 0;
    width: 65%;
    min-height: 600px;
    z-index: -299;
}
img.milk-path {
    position: absolute;
    top: -80px;
    left: -15%;
    margin: 0;
    padding: 0;
    width: 100vw;
    height: 768px;
    z-index: -199;
}
/* Theme Sections */
.intro {
    margin-top: 100px;
}
section.contact-map {
  margin-top: 100px;
  position: relative;
}

.contact-map-img {
    position: relative;
}

.contact-page>section.contact-map,
.contact-page>section.contact-map .map-right,
.contact-page>section.contact-map .map-left {
    padding: 0;
}
.contact-page>section.distributors {
    background-color: #ffffff;
    position: relative;
    margin-top: 2em;
}
.distributors .details p {
    word-break: break-all;
}
.distributors .details {
    -webkit-column-break-inside: avoid; /* Chrome, Safari */
    page-break-inside: avoid;           /* Theoretically FF 20+ */
    break-inside: avoid-column;         /* IE 11 */
    display:table;                      /* Actually FF 20+ */
}


.distributor-list {
    -webkit-columns: 3 345px;
       -moz-columns: 3 345px;
            columns: 3 345px;
}
.title {
    font-family: 'Merriweather';
    font-weight: 300;
}
footer {
  margin-top: 0px;
}