#location h1 {
  font-size: 2.8125em;
}

#location .location-inner {
  gap: 0 100px;
}

#location .manager a,
#location .customer a {
  height: 45px;
  line-height: 45px;
}

#location .manager,
#location .contact,
#location .hours {
  border-bottom: 1px solid var(--dark-gray);
  margin-bottom: 40px;
}

#location .welcome h5 {
  font-size: 1.875em;
}

#location .manager-name,
#location .contact h5,
#location .hours h5,
#location .customer h5 {
  font-size: 1.5625em;
}

#location .hours tr td:first-child {
  min-width: 115px;
}

#location .hours {
  font-size: 18px;
  line-height: 1.625em;
}

#location .address {
  line-height: 23px;
}

#location .role {
  font-size: 1.125em;
}

#location .contact .icon-wrapper {
  flex-basis: 50px;
}

#location .main {
  flex-basis: 710px;
}

#location .side {
  flex: 0 0 285px;
}

#location .welcome p {
  font-size: 1em;
  line-height: 1.625em;
}

#location .contact img {
  max-height: 30px;
  filter: brightness(0);
}

@media screen and (max-width: 767px ) {
  #location {
    margin-top: 3rem;
  }

  #location .location-inner {
    flex-wrap: wrap;
  }
  #location .side {
    margin-top: 50px;
  }
  #location .manager,
  #location .contact,
  #location .hours {
    margin-bottom: 2em;
  }
  #location .manager a {
    margin-bottom: 2em;
  }
  #location h1 {
    margin-bottom: 3rem;
  }
}

@media screen and (max-width: 567px ) {
  #location {
    padding-bottom: 0;
	margin-bottom:50px
  }
  #location h1 {
    font-size: 2em;
  }
  #location .side {
	  flex:1
  }
}
