/*TWO IMAGE ROW */
.two-image-row {
 display: flex; 
 justify-content: space-between;
 margin-top: 6rem;
}

.two-image {
 width: 100%;
 height: 100%;
}

.two-image-col {
 width: 48.5%; 
}

.two-image-1 {
  width 100%;
  height: auto;
}

.two-image-2 {
  width 100%; 
  height: auto;
  margin-top: 25%;;
}

/*chill bill section*/
.wtf-chill-bill {
 display: flex; 
 margin:auto;
 width: 90%;
 position: relative;
}

.wtf-chill-bill-text {
 width: 70%;
}

.chill-bill-header {
  font-family:'Suisse Int Cond Semi';
  color: #124573;
 margin: auto;
 font-size: 140px;
}

.chill-bill-subheader {
 font-family: 'SuisseWorks';
 font-weight: 200;
 font-size: 4.5rem;
 color: #FF7A6B; 
 margin: 1.5rem auto;
 
}

.chill-bill-paragraph {
  font-family: "BrandonGrotesque-Light", "serif";
  font-size: 2.25rem;
 margin: 1.5rem auto;
 font-weight: 600;
}

.chill-bill-image {
 height: 100%;
 width: 100%;
}

.chill-bill-image-div {
 max-width: 269px;
 height: auto;
 margin: -5rem auto;
}


 @media (min-width: 768px) and (max-width: 1024px) {
   .two-image-row {
    display: flex;
    justify-content: space-between;
    margin-top: 3rem;
}
  
.two-image-2 {
 margin-top: 6rem;
}
  
 
.wtf-chill-bill {
 margin-top: .5rem;
}
  
.chill-bill-image-div {
 margin-top: -.5rem; 
 max-height: 460px;
}
   
    .chill-bill-header {
 font-size: 99px;
 line-height: 87px;
}

.chill-bill-subheader {
 margin-top: 1.5rem;
 font-size: 51px;
 line-height: 52px;
}

.chill-bill-paragraph {
 margin-top: 1.5rem;
  font-size: 26px;
  line-height: 27px;
}
}


@media (min-width: 425px) and (max-width: 767px)  {
   .two-image-row {
   margin-top: 1rem; 
  }
  
  
   .chill-bill-image-div {
  max-height: 290px;
 margin-top: -.1rem;
 margin-left: 1rem;
}
  
  
  
  .chill-bill-header {
 font-size: 54px;
 line-height: 47px;
}

.chill-bill-subheader {
 margin-top: 1.5rem;
 font-size: 28px;
 line-height: 28px;
}

.chill-bill-paragraph {
 margin-top: 1.5rem;
  font-size: 20px;
  line-height: 20px;
}
  
   
 
 #join-now {
   width: 30%; 
 }

}


@media (min-width: 320px) and (max-width: 424px) {
   .two-image-row {
   margin-top: 1rem; 
  }
   
  .chill-bill-image-div {
  max-height: 290px;
 margin-top: -.1rem;
 margin-left: 1rem;
}
  
  
   .chill-bill-header {
 font-size: 54px;
 line-height: 47px;
}

.chill-bill-subheader {
 margin-top: 1.5rem;
 font-size: 28px;
 line-height: 28px;
}

.chill-bill-paragraph {
 margin-top: 1.5rem;
  font-size: 20px;
  line-height: 20px;
}
 
   
 #join-now {
   width: 30%; 
 }

 .chill-bill-image-div {
   width: 30%;
 }
  
 .wtf-chill-bill-text {
  width: 70%; 
 }
}