﻿@media (min-width: 60em) and (max-width: 85.375em) {
    p, li, form label {
      font-size: 0.875em; } }
  @media (min-width: 85.375em) {
    p, li, form label {
      font-size: 0.875em; } }

  .padding-lg {
  padding: 60px; }

@media (min-width: 30em) {
  .padding-lg {
    padding: 70.14286px; } }

@media (min-width: 46em) {
  .padding-lg {
    padding: 80px; } }

@media (min-width: 60em) {
  .padding-lg {
    padding: 100px; } }

@media (min-width: 85.375em) {
  .padding-lg {
    padding: 120px; } }

    @media (min-width: 46em) {
      .glpti .advantage .content {
          width: initial;
        /*padding: 75px 0 75px 75px;*/ } }

    @media (min-width: 60em) {
        ul.padded li {
            padding-bottom: 20px;
        }
  }
@media (min-width: 60em) {
    .trainer .content {
        height: 4em;
    }
    .trainer .content .overlay h3 {
        padding-top: 0.5em;
    }
}
@media (min-width: 46em) {
    .trainer .content {
        display:block;
        overflow:hidden;
    }
    .trainer .content .overlay h3 {
        margin-top: -0.25em;
        margin-bottom: 0.25em;
    }
}

select {
    color: black;
    border-bottom: 5px solid black;
    font-size: 1.25em;
}

.banner-text {
    margin: 230px 0 0 0;
}

@media (min-width: 85.375em) {
    .banner-text {
        margin: 230px 0 230px 0;
    }
}

u.sublist {
    padding-top: 0;
}

.glpti .advantage {
    height: 23em;
}
    .glpti .advantage .content {
        position: relative;
    }
        .glpti .advantage .content h2 {
            margin-bottom: 24px;
            padding-bottom: 24px;
            border-bottom: 4px solid #fff;
        }

.glpti .pricing {
    height: 80em;
}

@media (min-width: 85.375em) {
    .glpti .advantage {
        height: 22em;
    }
}
@media (min-width: 60em) {
    .glpti .pricing {
        height: 46.4em;
    }
    .glpti .advantage {
        height: 20em;
    }
}
@media (min-width: 46em) {
    .glpti .advantage {
        height: 18.4em;
    }
        .glpti .advantage .content {
            width: 50%;
            position: relative;
        }
    .sublist {
        padding-top: 20px;
    }
}
@media (min-width: 30em) {
    .glpti .pricing {
        height: 67.5em;
    }
    .glpti .advantage {
        height: 29.5em;
    }
    
}

.row {
    display: flex;
    flex-wrap: wrap;
}

.unit, [class*="unit-"] {
    float: none;
}