#packages .packages-inner{
  background-color: #669298;
  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);
}
.packages-text{
  padding: 27px 50px 41px 50px;
  flex-basis: 50%;
  flex-grow: 0;
}
.packages-text h3{
  color: #fff;
  font-size: 2.333em;
  line-height: 1;
  margin: 18px 0 8px;
}
.packages-text h3 span{
  font-size: 1.73rem;
  line-height: 1;
  position: relative;
  top: -4px;
}
.packages-text p{
  color: #fff;
  font-size: 7.6em;
  line-height: 0.6;
}
.packages-text .button{
  color: #fff;
  padding: 10px 44px 13px 44px;
  font-size: 1.06em;
}
.packages-text .price {
  font-size: 6.4rem;
}
.packages-text sup {
  top: -.28em;
  font-size: 54%;
}
.packages-image{
  flex-basis: 496px;
}
.packages-image img{
  min-height: 100%;
  min-width: 100%;
  width: auto;
  height: auto;
  right: 0;
  clip-path: polygon(0% -365%,100% 100%,100% 100%,0% 100%);
}
@media screen and (max-width: 767px){
  #packages .packages-inner{
      overflow: hidden;
	  flex-direction:column
  }
  .packages-text{
      margin: 0 auto;
  }
  .packages-image{ 
	flex-basis: 90vw;
  }
  .packages-image img{ 
	width: 160%;
    right: -30%;
  }

}
@media screen and (max-width: 567px){
  #packages {
      margin: 0 -15px;
  }
  .packages-text{
      padding: 25px 0;
  }
  .packages-text h3{
      font-size: 2.06666667em;
      margin: 0 0 12px;
      min-width: 250px;
  }
  .packages-text sup {
    top: -.4em;
    font-size: 54%;
  }
  .packages-text p{
    font-size: 5em;
  }
  .packages-text .price {
    font-size: 5rem;
  }
  .packages-text .button {
	   padding:14px 66px 17px 66px
  }
}