.mapboxgl-ctrl-bottom-right{
  display:none;
}
.mapboxgl-ctrl-bottom-left{
  display:none;
  opacity: 0;
}
h3{
  margin-bottom:8px;
}
.cont{
  width:55%;
  margin:auto;
  margin-top:50px;
}
.column-cont{
  width:40%;
  display:inline-block;
  vertical-align:top;
  margin-right:10px;
}

.map-container{
  width: 100%;
  height: 400px;
  margin:auto;
  margin-top:25px;
  margin-bottom:25px;
}
.map {
  width: 100%;
  height: 100%;
}

.map svg {
  position:absolute;
  width: 100%;
  height: 100%;
}
.san-sm-black{
    font-size:14px;
    line-height:1.3em;
    font-family:'akkurat','Helvetica';
   font-weight: 800;
   margin-bottom:10px;
   text-shadow: 1px 1px 1px rgba(255,255,255,1);
}

.san-p-black{
    font-size:14px;
    line-height:1.3em;
    font-family:'akkurat','Helvetica';
   font-weight: 800;
   margin-bottom:5px;

}

.san-p-light{
    font-size:14px;
    line-height:1.3em;
    font-family:'akkurat','Helvetica';
   font-weight: 100;
   margin-bottom:10px;

}

/*this is for between 480 and 770 tablet*/
@media screen and (min-width: 450px) and (max-width: 780px) {
.cont{
  width:90%;
  margin:auto;
  margin-top:50px;
}
.column-cont{
  width:40%;
  display:inline-block;
  vertical-align:top;
  margin-right:5%;
}

}

/*this is only for iphone*/
@media only screen and (max-width: 449px) {
.map-container{
  height: 300px;
}

.cont{
  width:92.25%;
  margin:auto;
  margin-top:50px;
}
.column-cont{
  width:100%;
  display:inline-block;
  vertical-align:top;
  margin-right:0px;
}

}