.hero {
  padding-top: 10.8rem;
  padding-bottom: 10.8rem;
}

.hero .container {
  align-items: flex-start;
}

.hero .content {
  flex: 0 1 570px;
  grid-gap: 0;
  gap: 0;
}

.hero .content h1 {
  line-height: 1.3;
}

.hero .content h2 {
  margin-bottom: 1.6rem;
  color: var(--purple-4);
  line-height: 1.3;
}

.hero .content h3 {
  max-width: 460px;
}

.hero ul {
  margin: 2.4rem 0 1.6rem 0;
}

.hero li {
  font-size: 2rem;
  font-weight: 500;
  display: flex;
  margin-bottom: 1.6rem;
  text-align: left;
}

.hero li:before {
  font-family: 'Material Icons';
  content: 'check';
  color: var(--success-color);
  margin-right: .8rem;
  align-items: center;
}

.hero .image {
  flex: 0 0 550px;
}

#free-trial-get-started {
  display: flex; 
  grid-gap: 1.6rem;
  gap: 1.6rem;
  margin: 0;
}

.form-field.outline {
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
  flex: 1 1 36rem;
  min-width: 300px;
}

#free-trial-get-started .btn {
  height: 48px;
  padding: 0 1.4rem;
  white-space: nowrap;
}

.feature-descriptions {
  padding-top: 4.8rem;
  padding-bottom: 4.8rem;
}

.feature-descriptions .container {
  max-width: 960px;
}

.feature-descriptions .container > h2 {
  margin-bottom: 5.6rem;
  max-width: 835px;
}

.feature-description {
  margin-bottom: 5.6rem;
  grid-gap: 5.5rem;
  gap: 5.5rem;
}

.feature-description:nth-child(even) {
  flex-direction: row;
}
  
.feature-description .content {
  order: 2;
  flex: 0 0 440px;
}
    
.feature-description:first-of-type .content span.no-break {
  display: flex;
  align-items: flex-end;
}

.feature-description .image {
  flex: 0 0 465px;
}

.feature-description .image img {
  max-width: unset;
  width: auto;
  height: 250px;
}
    
/* no strings attached banner*/
.banner:not(#free-trial) .image {
  justify-content: flex-start;
}

.banner:not(#free-trial) .content {
  flex: 0 0 550px;
}

.banner .med-circle {
  top: 0;
}

.fine-print {
  font-size: 1.3rem;
  font-style: italic;
}

.fine-print sup {
    font-size: 1.2rem;
    vertical-align: text-top;
}

@media (max-width: 1100px) { 
  .hero {
    padding-top: 5.6rem;
    padding-bottom: 5.6rem;
}

  section.hero .container {
    max-width: 835px;
  }

  .hero .content {
    flex: 1 1 auto;
  }

  .hero .image {
    flex: 1 1 auto; 
    margin: 4.8rem auto 0;
  }

  .feature-description,
  .feature-description:nth-child(even) {
    flex-direction: row;
    margin-bottom: 10rem;
    grid-gap: 3.2rem;
    gap: 3.2rem;
  }

  .feature-description .content {
      flex: 0 0 478px;
      order: 2;
  }


  .feature-description .image {
      flex: 0 0 360px;
      order: 1;
      
  }
}

@media (max-width: 960px) {
  .feature-description,
  .feature-description:nth-child(even) {
    flex-direction:column;
    grid-gap: 3.2rem;
    gap: 3.2rem;
  }

  .feature-description .content {
    order: 1;
    flex: 1 1 auto;
  }

  .feature-description .image {
    order: 2;
    flex: 1 1 auto;
  }

  /* no strings attached banner*/
  .banner:not(#free-trial) .image {
    justify-content: center;
  }

  .banner:not(#free-trial) .content {
    flex: 1 1 auto;
    max-width: 550px;
  }

  /* free trial banner */
  .banner .med-circle {
    top: 0;
  }

  .banner:not(#free-trial) .content {
    margin-bottom: 0;
  }
}

@media (max-width: 768px) {
  .banner {
    padding-top: 5.6em;
  }
}

@media (max-width: 600px) {
  #free-trial-get-started {
    flex-wrap: wrap;
  }
  .form-field.outline {
    min-width: unset;
  }
  #free-trial-get-started .btn {
    flex: 1 1 auto;
  } 
}