#tucson {
  margin: 0 15px;
}

#tucson .tucson-inner {
  flex-direction: row-reverse;
  background-color: #fff;
  background-repeat: repeat;
  background-position: top left;
  background-size: auto;
  background-image: image-set(url('../../images/home/tucson-pattern.png') 1x,
      url('../../images/home/tucson-pattern@2.png') 2x);
}

.tucson-text {
  padding: 38px 20px 57px 20px;
  flex-basis: 51.5%;
  flex-grow: 0;
  box-shadow: 7.727px 2.071px 24px 0px rgba(0, 0, 0, 0.56);
}

.tucson-text h3 {
  color: #fff;
  font-size: 28px;
  line-height: 1.678em;
  margin-bottom: 25px;
}

.tucson-text h3 span {
  display: block;
  width: fit-content;
  margin: 0 auto;
  color: var(--yellow);
  font-weight: 800;
  font-size: 56px;
}

.tucson-text h3 span em {
  font-family: "Open Sans";
}

.tucson-text p {
  color: #fff;
  font-size: 20px;
  line-height: 1.375em;
  max-width: 480px;
  margin: 0 auto;
}

.tucson-text .button {
  color: #fff;
  padding: 7px 20px 7px 20px;
  background: #000;
  font-size: 20px;
  margin-top: 18px;
}

.tucson-image {
  flex-grow: 1;
}

.tucson-image img {
  min-height: 100%;
  min-width: 100%;
  width: auto;
  height: auto;
}

@media screen and (max-width: 767px) {

  .tucson-text {
    margin: 0 auto;
    padding: 50px 15px;
    width: 100%;
    box-shadow: -8.746px 4.848px 22px 0px rgba(1, 1, 1, 0.32);
  }

  #tucson .tucson-inner {
    flex-direction: column-reverse;
  }

  .tucson-image img {
    position: relative
  }

  .tucson-text .button {
    padding: 12px 30px 12px 30px;
  }
}

@media screen and (max-width: 567px) {
  #tucson .container {
    padding: 0;
  }

  .tucson-text {
    padding: 25px 15px 35px 15px !important;
    flex-basis: 100%
  }

  .tucson-text h3 {
    font-size: 24px;
    margin: 0 0 12px;
  }

  .tucson-text h3 span {
    font-size: 47px;
  }

  .tucson-text h3 br {
    display: none;
  }

  .tucson-text p {
    font-size: 20px;
    line-height: 1.25em;
  }

  .tucson-text .photoshoot {
    display: block;
    margin: 10px 0
  }
}