.contact-box {
  padding-left: 20px;
  display: block;
}
.text-box a {
  color: white;
}
.text-box a:hover {
  color: var(--green);
}

.map {
  width: 100%;
  height: 350px;
}

.empty-padding{
  width: 100%;
  height: 20px;
}

/* speech bubble */
.footer .jwe-bubble {
  width: 200px;
  height: auto;
  position: absolute;
  right: 280px;
  bottom: 180px;
}
@media (max-width: 850px) {
  .footer .jwe-bubble {
    right: 120px;
  }
}
@media (max-width: 655px) {
  .footer .jwe-bubble {
    right: 15%;
    bottom: 200%;
  }
}
@media (max-width: 340px) {
  /* remove bubble if screen is too slim */
  .footer .jwe-bubble {
    display: none;
  }
}

/* Change column sizes */
.text-box .col-wrapper .col1 {
  width: 40%;
}
.text-box .col-wrapper .col2 {
  width: 60%;
}
/* Mobile view */
@media (max-width: 850px) {
  /* only one column */
  .text-box .col-wrapper {
    display: block;
  }
  .text-box .col-wrapper .col1 {
    width: 100%;
    display: block;
    padding-right: 0;
  }
  .text-box .col-wrapper .col2 {
    width: 100%;
    display: block;
    padding-left: 0;
    padding-bottom: 200px;
  }
}
@media (max-width: 340px) {
  /* remove padding (under map) if screen is too slim because girl + bubble dissapears */
  .text-box .col-wrapper .col2 {
    padding-bottom: 20px;
  }
}

/* Change shadow header color and size*/
.text-box .header-wrapper .shadow {
  color: var(--green);
  top: 25px;
  left: 40px;
  font-size: 24px;
}
:lang(en) .text-box .header-wrapper .shadow {
  top: 30px;
  left: 30px;
  font-size: 20px;
}


/* Change menu style */
.menu-box {
  background-color: var(--green);
}
.menu-box .contact {
  font-weight: bold;
  font-family: 'Regular-Bold';
}
.menu-box .contact:hover {
  background-color: var(--green);
  color: white;
}

/* Mobile view */
@media (max-width: 850px) {
  .menu-box {
    background-color: var(--dark-blue);
  }
  .menu-box .contact {
    background-color: var(--green);
  }
}