@font-face {
  font-family: 'basier_circle';
  src: url("../fonts/basiercircle-regular-webfont.eot");
  src: url("../fonts/basiercircle-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/basiercircle-regular-webfont.woff2") format("woff2"), url("../fonts/basiercircle-regular-webfont.woff") format("woff"), url("../fonts/basiercircle-regular-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'basier_circle';
  src: url("../fonts/basiercircle-regularitalic-webfont.eot");
  src: url("../fonts/basiercircle-regularitalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/basiercircle-regularitalic-webfont.woff2") format("woff2"), url("../fonts/basiercircle-regularitalic-webfont.woff") format("woff"), url("../fonts/basiercircle-regularitalic-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: italic; }
@font-face {
  font-family: 'basier_circle';
  src: url("../fonts/basiercircle-bold-webfont.eot");
  src: url("../fonts/basiercircle-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/basiercircle-bold-webfont.woff2") format("woff2"), url("../fonts/basiercircle-bold-webfont.woff") format("woff"), url("../fonts/basiercircle-bold-webfont.ttf") format("truetype");
  font-weight: bold;
  font-style: normal; }
#mc_embed_signup {
  background: #D1EFD1;
  padding: 0 30px 15px 30px;
  margin: 30px auto;
  border-radius: 7px; }
  #mc_embed_signup h3 {
    color: #177317; }

body:after {
  display: none !important;
  background-color: #fff; }

h1 {
  font-size: 75px;
  line-height: 60px; }

h2 {
  font-size: 25px;
  margin: 30px 0 0;
  line-height: 60px;
  font-weight: 400; }

h3 {
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
  -webkit-margin-before: 30px;
  -webkit-margin-after: 0; }

h4 {
  font-size: 20px;
  font-weight: bold; }

p {
  max-width: 33em;
  margin: 0 0 30px; }

ol,
ul {
  padding: 0;
  margin-left: 1em; }

body,
html {
  margin: 0;
  padding: 0;
  font-family: "basier_circle", "helvetica", sans-serif;
  font-size: 20px;
  line-height: 30px;
  color: #394039; }

body {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-content: center;
  min-height: 100vh; }

a,
a:link {
  font-size: 16px;
  color: #E62E59; }

@media screen and (max-width: 719px) {
  select {
    width: 100%; } }

section {
  margin: 60px 0;
  padding: 30px 0; }

.container {
  width: 80vw;
  display: flex;
  flex-direction: column;
  margin: 0 auto; }
  @media screen and (max-width: 719px) {
    .container {
      width: 90vw; } }

nav ul {
  display: flex;
  flex-direction: row;
  align-content: center;
  justify-content: flex-start;
  margin: 0;
  padding: 15px 0; }
  @media screen and (max-width: 719px) {
    nav ul {
      flex-wrap: wrap; } }
  nav ul li {
    list-style: none;
    padding: 30px 22.5px;
    text-align: center; }
    @media screen and (max-width: 719px) {
      nav ul li {
        flex: 1; } }
    nav ul li.logo-link {
      padding: 0; }
      @media screen and (max-width: 719px) {
        nav ul li.logo-link {
          flex: 0 0 100%; } }
    nav ul li.cta-nav-button a {
      color: #E62E59; }
    nav ul li a,
    nav ul li a:link {
      padding: 7.5px;
      font-size: 20px;
      font-weight: bold;
      text-decoration: none;
      color: #555; }
      @media screen and (max-width: 719px) {
        nav ul li a,
        nav ul li a:link {
          display: inline-flex; } }
      nav ul li a.active, nav ul li a:hover,
      nav ul li a:link.active,
      nav ul li a:link:hover {
        border: 2px solid #E62E59;
        color: #E62E59}
    nav ul li:first-child a:hover {
      border-bottom: none; }
    nav ul li .twc-logo {
      height: 90px;
      width: 90px;
      fill: #414042; }
    nav ul li .site-title {
      display: none; }

.inner-page {
  display: flex;
  flex-direction: row;
  margin-top: 30px; }
  @media screen and (max-width: 719px) {
    .inner-page {
      flex-direction: column; } }
  .inner-page aside {
    width: 40%; }
    @media screen and (max-width: 719px) {
      .inner-page aside {
        width: 100%; } }
    .inner-page aside img.feature-image {
      width: 100%;
      margin: 30px 30px 0; }
      @media screen and (max-width: 719px) {
        .inner-page aside img.feature-image {
          display: none; } }
    .inner-page aside .reminds-me {
      border-left: 2px solid #F2F1ED;
      margin: 15px 30px 0;
      padding: 15px 30px 15px 60px; }
      @media screen and (max-width: 719px) {
        .inner-page aside .reminds-me {
          border-left: none;
          margin: 0 auto;
          padding: 0 30px; } }
      .inner-page aside .reminds-me ul {
        list-style: none;
        margin: 0; }
        .inner-page aside .reminds-me ul li {
          margin: 15px 0 15px; }
      .inner-page aside .reminds-me .letter {
        display: inline-block;
        float: left;
        margin-top: -3px;
        margin-right: 0.25rem;
        font-weight: 700;
        padding: 3.75px 7.5px;
        background: #394039;
        color: #fff;
        width: auto;
        text-align: center;
        min-width: 1em;
        border-radius: 0.25rem; }
  .inner-page #instafeed {
    margin: 15px 30px 0;
    padding: 15px 0 15px 60px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }
    @media screen and (max-width: 719px) {
      .inner-page #instafeed {
        margin: 45px auto;
        padding: 0; } }
    .inner-page #instafeed a {
      line-height: 0; }
  .inner-page article {
    flex: 1; }

header {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 75px 0; }
  @media screen and (max-width: 719px) {
    header {
      margin: 30px 0; } }
  header#home-header {
    align-items: center; }
    header#home-header h1,
    header#home-header p {
      text-align: center; }
  header h1 {
    margin: 30px 0; }
    header h1 .super {
      font-size: 40px;
      font-weight: 400;
      display: block;
      line-height: 40px;
      position: relative; }
      header h1 .super:after {
        background: #D1EFD1;
        content: "";
        display: block;
        height: 4px;
        position: absolute;
        top: 50%;
        left: 2.4em;
        width: 8.2em; }
        @media screen and (max-width: 719px) {
          header h1 .super:after {
            width: 5em; } }
  header img.feature-image-mobile {
    display: none;
    margin: 30px 0; }
    @media screen and (max-width: 719px) {
      header img.feature-image-mobile {
        display: inline;
        object-fit: cover;
        width: 100%; } }
  header .twc-logo {
    height: 240px;
    width: 240px;
    fill: #394039; }
  header .site-title {
    display: none; }
  header h2.subhead {
    font-size: 30px;
    line-height: 45px;
    max-width: 22em;
    margin: 0; }
    @media screen and (max-width: 320px) {
      header h2.subhead {
        font-size: 20px;
        line-height: 30px;
        max-width: 100%; } }
  header h2.banner {
    text-align: center; }
  header p {
    margin: 30px 0; }
  header .twc-logo {
    height: 60px;
    width: 60px;
    fill: #414042; }
  header .site-title {
    display: none; }

main {
  display: flex;
  flex-direction: column;
  padding: 0;
  flex: 1; }
  main p.notice {
    text-align: center;
    font-style: italic;
    margin: 0 auto; }
  main article {
    display: flex;
    flex-direction: row-reverse; }

#actions {
  display: flex;
  flex-direction: row;
  justify-content: center;
  text-align: center;
  padding: 30px; }
  @media screen and (max-width: 849px) {
    #actions {
      flex-direction: column; } }
  #actions a,
  #actions a:link {
    display: inline-block;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    color: #555;
    padding: 7.5px 30px 5.5px;
    margin: 7.5px 30px;
    border: 2px solid #555;
    border-radius: 3px;}
    @media screen and (max-width: 719px) {
      #actions a,
      #actions a:link {
        margin: 15px 0; } }
    #actions a:hover,
    #actions a:link:hover {
      border-color: #E62E59;
      color: #E62E59;}

#order {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  text-align: center;
  background: #F2F1ED;
  padding: 30px;
  border-radius: 7px; }
  #order label {
    text-align: left; }
  #order input,
  #order select {
    margin-bottom: 15px; }
  #order .input-help-text {
    display: block;
    font-size: 16px;
    color: #177317;
    font-style: italic; }
  #order .accepted-payments {
    padding: 30px 0 0;
    max-width: 100%; }

.details {
  margin: 60px 0;
  overflow: hidden; }
  .details .details-inner {
    padding: 15px 15px 0; }
  .details h2 {
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0;
    position: relative;
    background-color: #fff;
    display: inline-block; }
    .details h2:before {
      background: #D1EFD1;
      content: "";
      display: block;
      height: 2px;
      position: absolute;
      top: 50%;
      left: 115%;
      width: 1000%; }
  .details p {
    display: flex;
    align-items: baseline;
    margin-left: 5em; }
    @media screen and (max-width: 719px) {
      .details p {
        margin-left: 0; } }
  .details program {
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 0.03em;
    min-width: 5em;
    max-width: 5em;
    text-align: right; }
  .details instruction {
    border-left: 2px solid #F2F1ED;
    padding-left: 15px;
    margin-left: 15px; }

.footer {
  border-top: 1px solid #ddd;
  background-color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 30px;
  height: 59px; }
  @media screen and (max-width: 719px) {
    .footer {
      flex-direction: column-reverse;
      height: auto; } }
  .footer .copyright {
    font-size: 10.6666666667px; }
    @media screen and (max-width: 719px) {
      .footer .copyright {
        font-size: 16px;
        text-align: center; } }
   .social-menu {
    display: flex;
    justify-content: space-around;
    margin: 0;
    padding: 0; }
    @media screen and (max-width: 719px) {
       .social-menu {
        flex-direction: column;
        width: 100%; } }
     .social-menu li {
      list-style: none;
      padding: 0;
      text-align: center;
      width: 100%; }
       .social-menu li a,
       .social-menu li a:link {
        font-size: 13.2px;
        text-decoration: none;
        padding: 15px;
        color: #E62E59; }
        @media screen and (max-width: 719px) {
           .social-menu li a,
           .social-menu li a:link {
            display: inline-flex; } }
         .social-menu li a:hover,
         .social-menu li a:link:hover {
          background-color: #efefef; }

/*# sourceMappingURL=style.css.map */