html {
    overflow-x: hidden; }


.wrapper img {
  max-width: 100%;
  width: auto;
  height: auto;
}

.wrapper1 {
  width: auto;
  height: auto;
}

.spacing {
    margin-top: -10px;
    margin-bottom: 20px;
}

.height {
    height: 50px;
}

.green {
    background-color: #187c11;
    color: white;
}

.shadow {
    box-shadow: 2px 2px 10px grey;
}

.center {
    text-align: center;
    font-weight: 900;
    align-content: center;
}
.bold-font {
    font-weight: 900;
}
.left {
    text-align: left;
    font-weight: 900;
}

.center-text {
  text-align:center;
  color: #575557;
}

.icon {
  padding: 10px 10px 10px 10px;
}

.permanent-text {
  font-family: "Permanent Marker"
}

.bitter-font {
  font-family: "Bitter";
}

p {
  font-family: "Bitter";
  font-size: 1.15rem;
}


.top5 { margin-top:5px; }
.top7 { margin-top:7px; }
.top10 { margin-top:10px; }
.top15 { margin-top:15px; }
.top17 { margin-top:17px; }
.top30 { margin-top:30px; }

.bottom5 { margin-bottom:5px; }
.bottom7 { margin-bottom:7px; }
.bottom10 { margin-bottom:10px; }
.bottom15 { margin-bottom:15px; }
.bottom17 { margin-bottom:17px; }
.bottom30 { margin-bottom:30px; }



.gmap_canvas {
  position: relative;
  padding-bottom: 75%;
  height: 0;
  overflow: hidden;
}

.gmap_canvas iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.bg-darkgreen {
  background-color: #0D4408;
}

.hutchinson-red {
  background-color: #eb2127;
}

.red-font {
  color: #eb2127;
}

.white-font {
  color: white;
}

.icon-size {
  font-size: 2.5rem;
}


.recipe-column {
  padding: 3% 2%
}