.hero{
     background-image: url(../img/map.jpg);
     max-height: 400px;
     background-position: center;
     background-size: cover;
     background-attachment: fixed;
     position: relative;
     z-index: 2;
 }
 .hero::after{
     content: "";
     width: 100%;
     height: 100%;
     position: absolute;
     top: 0;
     left: 0;
     background-color: rgba(214, 210, 224, 0.247);
     z-index: -1;
 }
/*
 .col-img {
     background-image: url(img/local-map.jpg);
     display:block;
     margin: auto;
     background-position: center;
     background-size: cover;
     width: 264px;
     min-height: 220px;
 }
 */


 section{
     padding-top: 50px;
     padding-bottom:50px;
 }