*,
*::after,
*::before {
  margin: 0;
  padding: 0;
  box-sizing: inherit
}

img,
img a {
  border: none
}

a {
  text-decoration: none
}

a:visited {
  color: #069
}

a:hover {
  color: blue;
  text-decoration: underline
}

a:active {
  color: #99c
}

ol {
  list-style-type: none
}

ul {
  list-style-type: none
}

html {
  font-size: 62.5%
}

body {
  width: 100%;
  margin: 0;
  padding: 0;
  color: #262626
}

::selection {
  background-color: rgba(13, 158, 171, 0.9);
  color: #fff
}

main {
  text-align: left
}

body {
  font-style: normal;
  font-weight: normal;
  line-height: 1.4;
  font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"
}

.genHeadMain {
  color: #7900a8;
  font-style: italic;
  font-weight: bold;
  font-size: 3rem;
  text-align: left;
  margin: 2% 4%;
  letter-spacing: -.2rem
}

.italicHeadPurple {
  color: #7900a8;
  font-style: italic;
  font-weight: bold;
  font-size: 3rem;
  text-align: left;
  margin: 2% 4%;
  letter-spacing: -.2rem
}

.midTopTxtMain {
  font-size: 1.8rem;
  text-indent: -2rem;
  margin: 1.5rem 1rem 1.5rem 2rem;
  line-height: 1.5;
  text-align: left
}

.genMainTxt {
  margin: 1.5rem;
  font-size: 1.6rem
}

.genMainTxt a {
  display: inline-block;
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  text-decoration: none;
  padding: .3rem;
  border-radius: .5rem;
  transition: -webkit-transform 200ms ease-in-out, transform 200ms ease-in-out, padding 200ms ease-in-out, background-color 200ms ease-in-out, color 200ms ease-in-out, border-radius 200ms ease-in-out
}

.genMainTxt a:hover,
.genMainTxt a:focus,
.genMainTxt a:active {
  -webkit-transform: scale(1.02, 1);
  transform: scale(1.02, 1);
  background-color: rgba(45, 134, 169, 0.7);
  color: rgba(245, 255, 253, 0.96);
  border-radius: 1rem
}

.genMainInlineTxt {
  margin: 1.5rem;
  font-size: 1.6rem
}

.genMainInlineTxt a {
  text-decoration: none;
  padding: .3rem;
  border-radius: .5rem;
  transition: padding 200ms ease-in-out, background-color 200ms ease-in-out, color 200ms ease-in-out, border-radius 200ms ease-in-out
}

.genMainInlineTxt a:hover,
.genMainInlineTxt a:focus,
.genMainInlineTxt a:active {
  background-color: rgba(45, 134, 169, 0.7);
  color: rgba(245, 255, 253, 0.96);
  border-radius: 1rem
}

.genSubHeadRedCenter {
  font-weight: bold;
  font-size: 2.4rem;
  line-height: 1.5;
  margin: 3% 4%;
  color: #a30003;
  text-align: center
}

.genSubMidTxt {
  font-size: 2.2rem;
  line-height: 1.5;
  margin: 2%;
  color: #a30003
}

.genItalicStatement {
  font-size: 2rem;
  font-style: italic;
  margin: 1.4rem 1.6rem;
  line-height: 1.6;
  color: #2d2d2f
}

.medAlertTxt {
  font-size: 2rem;
  margin: 2rem 1rem 0;
  line-height: 1.6
}

@media screen and (min-width: 45em) {
  .italicHeadPurple {
    margin: 2rem 12rem
  }

  .genSubHeadRedCenter {
    margin: 3rem 10rem
  }

  .genItalicStatement {
    margin: 1.5rem 12rem
  }

  .genMainTxt {
    margin: 1.5rem 4rem
  }

  .genMainInlineTxt {
    margin: 1.5rem 4rem
  }
}

.justAnotherHand {
  margin: 2rem 1.2rem;
  font-weight: 500;
  font-size: 3.6rem;
  font-family: 'Just Another Hand', cursive;
  color: #eb3b33;
  letter-spacing: .4rem;
  text-shadow: 0.1rem 0.1rem 0 rgba(29, 27, 27, 0.84)
}

@media screen and (min-width: 46.25em) {
  .justAnotherHand {
    margin: 3rem 4rem;
    font-weight: 600;
    font-size: 5rem
  }
}

@media screen and (min-width: 50em) {
  .midTopTxtMain {
    font-size: 2rem;
    text-indent: -3rem;
    margin: 1.5rem 4rem
  }
}

.mapPaddingTop {
  padding-top: 7rem
}

.mapPaddingTopCW {
  padding-top: 2rem
}

.genHundredPadBottom {
  padding-bottom: 10rem
}

.arrowsContainer {
  width: 96%;
  margin: 2rem auto 0;
  display: flex;
  justify-content: space-between
}

.nextArrowBox {
  max-width: 26rem;
  width: 48%;
  margin-left: auto
}

.previousArrowBox {
  max-width: 26rem;
  width: 48%
}

.pageTurnArrow {
  width: 100%;
  transition: -webkit-transform 200ms;
  transition: transform 200ms;
  transition: transform 200ms, -webkit-transform 200ms
}

.pageTurnArrow:hover,
.pageTurnArrow:focus,
.pageTurnArrow:active {
  -webkit-transform: scale(1.05, 1.05) translateY(-0.4rem);
  transform: scale(1.05, 1.05) translateY(-0.4rem)
}

@media screen and (min-width: 37.5em) {
  .arrowsContainer {
    width: 80%
  }

  .nextArrowBox {
    width: 44%
  }
}

.locationModalWindow {
  position: fixed;
  background-color: rgba(26, 72, 77, 0.5);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  transition: all 300ms;
  -webkit-transform: scale(0, 1);
  transform: scale(0, 1)
}

.locationModalWindow:target {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1)
}

.locationModalContent {
  max-height: 92vh;
  max-width: 92%;
  width: 92vw;
  position: absolute;
  padding: 1.5rem;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: rgba(252, 252, 252, 0.98);
  border-radius: 3rem
}

.bcDocsContainer {
  width: 100%;
  height: 92vh;
  overflow: auto;
  -webkit-overflow-scrolling: touch
}

.modalIframeStyles {
  position: relative;
  margin: 0;
  padding: 4vh 0 0 0;
  border: none;
  height: 84vh;
  width: 100%;
  z-index: 1
}

.modalLoadingItem {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 3rem;
  width: 20rem;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 3.6rem;
  color: #1c1f22;
  border-radius: 1.5rem;
  border: 0.2rem solid rgba(0, 0, 0, 0.83);
  overflow: hidden
}

.modalLoadingItem::before {
  content: ' ';
  position: absolute;
  height: 5rem;
  width: 22rem;
  top: -1rem;
  left: -22.2rem;
  border-radius: 1.5rem;
  background-color: rgba(93, 181, 203, 0.93);
  -webkit-animation: loadingModalDocs 5s linear 0s 7 backwards;
  animation: loadingModalDocs 5s linear 0s 7 backwards
}

@-webkit-keyframes loadingModalDocs {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%)
  }

  100% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
  }
}

@keyframes loadingModalDocs {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%)
  }

  100% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
  }
}

.modalLoadingItem::after {
  content: 'L o a d i n g ';
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 1.8rem;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

a.locationModalClose {
  text-decoration: none;
  display: inline-block;
  position: absolute;
  font-size: 3rem;
  right: 1%;
  top: 1%;
  width: 3.8rem;
  height: 3.8rem;
  background-color: rgba(13, 158, 171, 0.9);
  color: #cfdfe2;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0.4rem 0.4rem #adadad;
  border: 0.3rem solid rgba(106, 239, 251, 0.98);
  transition: background-color 200ms, border 200ms, color 200ms, box-shadow 200ms;
  z-index: 999
}

a:hover.locationModalClose {
  background-color: rgba(3, 232, 252, 0.8);
  border: 0.3rem solid rgba(51, 145, 153, 0.9);
  color: #fff;
  box-shadow: 0 0.2rem 0.2rem #adadad
}

@media screen and (min-width: 56.25em) {
  a.locationModalClose {
    font-size: 4rem;
    right: -1%;
    top: -1%;
    width: 5rem;
    height: 5rem
  }

  .locationModalContent {
    max-width: 100rem
  }
}

.seminarRegisterForm {
  border: 0.1rem solid rgba(149, 131, 131, 0.5);
  border-radius: 3rem;
  padding: 3rem 0 1rem;
  max-width: 70rem;
  margin: 2rem auto;
  background-color: rgba(236, 238, 211, 0.22);
  box-shadow: 0 0.7rem 1.2rem rgba(107, 46, 47, 0.43);
  font-size: 1.8rem
}

.seminarRegisterHeader {
  font-weight: bold;
  font-size: 2.4rem;
  margin: 0 3% 1rem;
  text-align: center
}

.seminarRegisterForm fieldset {
  overflow: hidden;
  margin: auto;
  border: none;
  width: 80%
}

.seminarRegisterForm label {
  width: 90%;
  margin: 1rem 0 .3rem;
  display: block;
  text-align: left
}

.seminarRegisterForm fieldset label span {
  width: 100%;
  margin-top: 1.3rem;
  font-weight: bold;
  line-height: 1.8
}

.seminarRegisterForm fieldset input {
  width: 100%;
  max-width: 36rem;
  height: 4.4rem;
  font-weight: bold;
  font-size: 1.8rem;
  line-height: 3.6rem;
  margin: .7rem 0 1rem 0;
  background-color: #fff
}

.consultEmailLogo {
  background: url(/images/icons/mail.png) no-repeat right #fff
}

.consultNameLogo {
  background: url(/images/icons/user.png) no-repeat right #fff
}

.seminarRegisterForm ::-webkit-input-placeholder {
  padding-left: .8rem;
  color: rgba(77, 77, 77, 0.5);
  font-style: italic;
  font-weight: 100;
  line-height: 2.5
}

.seminarRegisterForm :-ms-input-placeholder {
  padding-left: .8rem;
  color: rgba(77, 77, 77, 0.5);
  font-style: italic;
  font-weight: 100;
  line-height: 2.5
}

.seminarRegisterForm ::-ms-input-placeholder {
  padding-left: .8rem;
  color: rgba(77, 77, 77, 0.5);
  font-style: italic;
  font-weight: 100;
  line-height: 2.5
}

.seminarRegisterForm ::placeholder {
  padding-left: .8rem;
  color: rgba(77, 77, 77, 0.5);
  font-style: italic;
  font-weight: 100;
  line-height: 2.5
}

.seminarRegisterForm ::-webkit-input-placeholder {
  padding-left: .8rem;
  color: rgba(77, 77, 77, 0.5);
  font-style: italic;
  font-weight: 100;
  line-height: 2.5
}

.seminarRegisterForm ::-moz-placeholder {
  padding-left: .8rem;
  color: rgba(77, 77, 77, 0.5);
  font-style: italic;
  font-weight: 100;
  line-height: 2.5
}

.seminarRegisterForm :-ms-input-placeholder {
  padding-left: .8rem;
  color: rgba(77, 77, 77, 0.5);
  font-style: italic;
  font-weight: 100;
  line-height: 2.5
}

.secureSubmitContainer {
  position: relative;
  margin: 2rem 0 1rem;
  width: 100%;
  text-align: center;
  height: 8rem
}

.submitSecureBtn input {
  background-color: rgba(0, 167, 189, 0.9);
  color: #f7f7f7;
  font-weight: bold;
  font-size: 2.2rem;
  width: 90%;
  min-width: 25rem;
  height: 6rem;
  box-shadow: 0.3rem 0.3rem 0.5rem rgba(77, 26, 26, 0.4);
  border: 0.2rem solid #def1f7;
  border-radius: 4rem;
  text-shadow: 0.2rem 0.2rem 0.4rem rgba(107, 46, 47, 0.63);
  transition: all 0.3s
}

.submitSecureBtn input:hover,
.submitSecureBtn input:focus,
.submitSecureBtn input:active {
  background-color: rgba(53, 201, 237, 0.72);
  color: #f7f7f7;
  width: 86%;
  height: 6rem;
  box-shadow: 0.1rem 0.1rem 0.3rem rgba(77, 26, 26, 0.4);
  border: 0.2rem solid rgba(0, 116, 179, 0.77);
  text-shadow: 0.2rem 0.2rem 0.1rem rgba(107, 46, 47, 0.82)
}

.genSecureRequired {
  clear: both;
  text-align: left;
  margin: 3% 2%;
  line-height: 1.5
}

@media screen and (min-width: 43.75em) {
  .seminarRegisterForm label {
    width: 25%;
    margin: 1rem 2%;
    display: inline-block;
    text-align: right
  }

  .seminarRegisterForm fieldset input {
    width: 65%;
    height: 4.4rem;
    padding-left: .7rem
  }

  .submitSecureBtn input {
    width: 60%;
    height: 6rem;
    text-align: center;
    font-size: 2.4rem
  }

  .submitSecureBtn input:hover,
  .submitSecureBtn input:focus,
  .submitSecureBtn input:active {
    width: 56%
  }

  textarea {
    width: 60%;
    margin-left: 18%
  }

  .seminarRegisterHeader {
    margin: 0 15% 2rem
  }
}

.recipeFormHead {
  font-size: 2rem;
  margin: 0 auto 1.6rem;
  text-align: center;
  color: rgba(39, 67, 73, 0.8)
}

.recipeForm {
  width: 90%;
  max-width: 70rem;
  margin: 3rem auto 4rem;
  border: 0.3rem solid rgba(195, 182, 182, 0.7);
  padding: 5% 3%;
  border-radius: 1rem;
  background-color: rgba(236, 238, 238, 0.7);
  box-shadow: 0 0.5rem 1rem rgba(89, 89, 89, 0.28)
}

.recipeForm fieldset {
  margin: 1rem auto 2rem;
  border: none
}

.recipeLabel {
  display: block;
  width: 98%;
  font-size: 2rem;
  line-height: 1.5;
  margin: .5rem 0 1rem;
  text-align: left
}

.recipeLabel span {
  margin-left: 0
}

.recipeInput {
  display: block;
  width: 94%
}

.recipeInput input {
  height: 3.6rem;
  font-size: 2rem;
  width: 100%;
  padding: .7rem;
  border-radius: .5rem;
  border: 0.1rem solid rgba(148, 148, 148, 0.8);
  margin-bottom: 0
}

.recipeInput input[placeholder] {
  font-style: italic;
  font-size: 2rem;
  color: #6b6b6b
}

.recipeSubmitInput {
  display: block;
  width: 94%;
  margin: 2.5rem auto 1.4rem
}

.recipeSubmitBtn {
  width: 100%;
  font-size: 2.4rem;
  line-height: 1.3;
  background-color: rgba(208, 24, 11, 0.9);
  color: #fff;
  padding: 1.6rem .8rem;
  border-radius: 4rem;
  box-shadow: 0 0.7rem 2.5rem rgba(140, 140, 140, 0.58);
  border: 0.2rem solid rgba(189, 189, 189, 0.6);
  text-shadow: 0.1rem 0.1rem 0.2rem #050505;
  transition: -webkit-transform 200ms, transform 200ms, background-color 200ms, border 200ms, box-shadow 200ms, text-shadow 200ms
}

.recipeSubmitInput:hover .recipeSubmitBtn,
.recipeSubmitInput:focus .recipeSubmitBtn,
.recipeSubmitInput:active .recipeSubmitBtn {
  background-color: rgba(255, 65, 51, 0.9);
  border: 0.2rem solid rgba(123, 101, 101, 0.9);
  box-shadow: 0 1.5rem 2.5rem rgba(140, 140, 140, 0.58);
  text-shadow: 0.1rem 0.1rem 0.4rem #050505;
  -webkit-transform: scale(1.02, 1.02) translateY(-0.3rem);
  transform: scale(1.02, 1.02) translateY(-0.3rem);
  cursor: pointer
}

@media screen and (min-width: 37.5em) {
  .recipeFormHead {
    font-size: 2.4rem;
    margin: 0 auto 3rem
  }

  .recipeForm fieldset {
    margin: 1rem auto 3rem;
    border: none
  }

  .recipeLabel {
    display: inline-block;
    width: 30%;
    margin: .3rem 0 0
  }

  .recipeLabel span {
    margin-left: 25%
  }

  .recipeInput {
    display: inline-block;
    width: 60%
  }

  .recipeSubmitInput {
    width: 70%
  }
}

.webinarSubHead {
  font-size: 2rem;
  line-height: 1.5;
  margin: 2rem 1.4rem
}

.webinarOptIn {
  border: 0.2rem solid rgba(122, 122, 122, 0.7);
  border-radius: 2rem;
  padding: 2rem 0 1rem;
  max-width: 74rem;
  width: 96%;
  margin: 2rem auto;
  background-color: rgba(220, 220, 188, 0.18);
  box-shadow: 0 0.9rem 1.8rem rgba(107, 46, 47, 0.22)
}

.webinarOptIn fieldset {
  overflow: hidden;
  margin: .7rem auto 0;
  border: none;
  width: 90%
}

.webinarOptIn label {
  display: block;
  width: 100%;
  margin: .7rem 0 .3rem;
  text-align: left
}

.webinarOptIn fieldset label span {
  width: 100%;
  margin-top: 1.3rem;
  font-weight: bold;
  line-height: 1.8;
  font-size: 2rem
}

.webinarOptIn fieldset input {
  width: 100%;
  height: 4.4rem;
  font-weight: bold;
  font-size: 1.8rem;
  line-height: 3.6rem;
  margin: .7rem 0 .3rem;
  background-color: #fafafa;
  border-radius: .8rem
}

.webinarEmailLogo {
  background: url("/images/forms/mail.png") no-repeat right #fafafa
}

.webinarOptIn ::-webkit-input-placeholder {
  padding-left: .8rem;
  color: rgba(77, 77, 77, 0.5);
  font-style: italic;
  font-weight: 100;
  line-height: 4.4rem
}

.webinarOptIn :-ms-input-placeholder {
  padding-left: .8rem;
  color: rgba(77, 77, 77, 0.5);
  font-style: italic;
  font-weight: 100;
  line-height: 4.4rem
}

.webinarOptIn ::-ms-input-placeholder {
  padding-left: .8rem;
  color: rgba(77, 77, 77, 0.5);
  font-style: italic;
  font-weight: 100;
  line-height: 4.4rem
}

.webinarOptIn ::placeholder {
  padding-left: .8rem;
  color: rgba(77, 77, 77, 0.5);
  font-style: italic;
  font-weight: 100;
  line-height: 4.4rem
}

.webinarOptIn ::-webkit-input-placeholder {
  padding-left: .8rem;
  color: rgba(77, 77, 77, 0.5);
  font-style: italic;
  font-weight: 100;
  line-height: 4.4rem
}

.webinarOptIn ::-moz-placeholder {
  padding-left: .8rem;
  color: rgba(77, 77, 77, 0.5);
  font-style: italic;
  font-weight: 100;
  line-height: 4.4rem
}

.webinarOptIn :-ms-input-placeholder {
  color: rgba(77, 77, 77, 0.5);
  font-style: italic;
  font-weight: 100;
  line-height: 4.4rem
}

.submitContainer {
  position: relative;
  margin: 1.6rem auto 1rem;
  text-align: center;
  width: 100%;
  height: 8rem
}

.submitWebinarBtn input {
  background-color: rgba(208, 24, 11, 0.9);
  color: #ffe6e6;
  font-weight: bold;
  font-size: 2.4rem;
  width: 90%;
  min-width: 25rem;
  height: 6rem;
  box-shadow: 0 0.6rem 1.2rem rgba(77, 26, 26, 0.18);
  border: 0.2rem solid rgba(60, 20, 17, 0.6);
  border-radius: 4rem;
  text-shadow: 0.1rem 0.1rem 0.4rem #0b0a0a;
  transition: -webkit-transform 200ms, transform 200ms, background-color 200ms, border 200ms, color 200ms, box-shadow 200ms, text-shadow 200ms
}

.submitWebinarBtn:hover input,
.submitWebinarBtn:focus input,
.submitWebinarBtn:active input {
  background-color: #fd7268;
  color: #fff;
  text-shadow: 0.1rem 0.1rem 0.4rem #050505;
  border: 0.2rem solid rgba(60, 20, 17, 0.8);
  box-shadow: 0 1.2rem 1.2rem rgba(77, 26, 26, 0.22);
  -webkit-transform: scale(1.03, 1.03) translateY(-0.3rem);
  transform: scale(1.03, 1.03) translateY(-0.3rem)
}

.webinarOptIn fieldset input:hover,
.webinarOptIn textarea:hover {
  border-color: rgba(28, 34, 39, 0.96);
  background-color: rgba(251, 250, 249, 0.2)
}

.webinarOptIn textarea {
  width: 90%;
  margin: 0 4%
}

@media screen and (min-width: 33.75em) {
  .webinarOptIn fieldset {
    width: 75%
  }

  .webinarOptIn {
    padding: 2rem 0 1rem;
    width: 90%;
    margin: 2rem auto
  }

  .submitWebinarBtn input {
    width: 75%
  }

  .webinarOptIn textarea {
    width: 75%;
    margin-left: 18%
  }
}

@media screen and (min-width: 46.875em) {
  .webinarOptIn fieldset {
    width: 90%
  }

  .webinarSubHead {
    font-size: 2.2rem;
    margin: 2rem 6rem
  }

  .webinarOptIn {
    padding: 2rem 0 1rem;
    width: 80%;
    margin: 2rem auto
  }

  .webinarOptIn label {
    width: 20%;
    margin: 1rem 1.6rem;
    display: inline-block;
    text-align: right
  }

  .webinarOptIn fieldset input {
    width: 65%;
    padding-left: 0 .7rem 0 1rem
  }

  .submitWebinarBtn input {
    width: 60%
  }

  .webinarOptIn textarea {
    width: 60%;
    margin-left: 18%
  }
}

.consultQuestionsForm {
  border: 0.3rem solid rgba(122, 122, 122, 0.5);
  border-radius: 3rem;
  padding: 3rem 0 1rem;
  max-width: 74rem;
  margin: 2rem auto;
  background-color: rgba(228, 222, 201, 0.3);
  box-shadow: 0 0 0.7rem 0.1rem rgba(107, 46, 47, 0.4)
}

.consultQuestionsHeader {
  font-weight: bold;
  font-size: 2.4rem;
  margin: 0 1.4rem 1rem;
  text-align: center
}

.consultQuestHeadSub {
  font-weight: bold;
  font-size: 2.2rem;
  margin: 2rem auto 1rem;
  text-align: center
}

.consultQuestionsMainTxt {
  margin: 1.6rem 1.2rem 1.6rem
}

.consultQuestionsForm fieldset {
  overflow: hidden;
  margin: auto;
  border: none;
  width: 80%
}

.consultQuestionsForm label {
  width: 90%;
  margin: 1rem 0 .3rem;
  display: block;
  text-align: left
}

.consultQuestionsForm fieldset label span {
  width: 100%;
  margin-top: 1.3rem;
  font-weight: bold;
  line-height: 1.8
}

.consultQuestionsForm fieldset input {
  width: 90%;
  height: 4.4rem;
  font-weight: bold;
  font-size: 1.8rem;
  line-height: 3.6rem;
  margin: .7rem 0 1rem 0;
  background-color: #fff
}

.consultEmailLogo {
  background: url("/images/icons/mail.png") no-repeat right #fff
}

.consultNameLogo {
  background: url("/images/icons/user.png") no-repeat right #fff
}

.consultQuestionsForm ::-webkit-input-placeholder {
  padding-left: .8rem;
  color: rgba(77, 77, 77, 0.5);
  font-style: italic;
  font-weight: 100;
  line-height: 2.5
}

.consultQuestionsForm :-ms-input-placeholder {
  padding-left: .8rem;
  color: rgba(77, 77, 77, 0.5);
  font-style: italic;
  font-weight: 100;
  line-height: 2.5
}

.consultQuestionsForm ::-ms-input-placeholder {
  padding-left: .8rem;
  color: rgba(77, 77, 77, 0.5);
  font-style: italic;
  font-weight: 100;
  line-height: 2.5
}

.consultQuestionsForm ::placeholder {
  padding-left: .8rem;
  color: rgba(77, 77, 77, 0.5);
  font-style: italic;
  font-weight: 100;
  line-height: 2.5
}

.consultQuestionsForm ::-webkit-input-placeholder {
  padding-left: .8rem;
  color: rgba(77, 77, 77, 0.5);
  font-style: italic;
  font-weight: 100;
  line-height: 2.5
}

.consultQuestionsForm ::-moz-placeholder {
  padding-left: .8rem;
  color: rgba(77, 77, 77, 0.5);
  font-style: italic;
  font-weight: 100;
  line-height: 2.5
}

.consultQuestionsForm :-ms-input-placeholder {
  padding-left: .8rem;
  color: rgba(77, 77, 77, 0.5);
  font-style: italic;
  font-weight: 100;
  line-height: 2.5
}

.consultQuestions {
  clear: both;
  text-align: left;
  margin: 3rem 1rem 2rem;
  line-height: 1.5;
  text-indent: 1rem
}

.radioConsultBlock {
  display: block
}

.radioConsult {
  margin: 1rem 2rem 3rem 20%;
  text-align: left
}

.radioConsult input {
  margin: 1.2rem .7rem -.2rem .7rem
}

.radioConsultSpace {
  margin: 0 2rem 0 .7rem
}

.consultCheckboxContainer {
  margin: 1rem 20%;
  display: block
}

.consultCheckboxText {
  margin: 0 .7rem
}

.submitContainer {
  position: relative;
  margin: 2rem 0 1rem;
  width: 100%;
  text-align: center;
  height: 8rem
}

.submitAnswersBtn input {
  background-color: #d1292c;
  color: #f7f7f7;
  font-weight: bold;
  font-size: 2.2rem;
  width: 90%;
  min-width: 25rem;
  height: 6rem;
  box-shadow: 0.3rem 0.3rem 0.5rem rgba(77, 26, 26, 0.4);
  border: none;
  border-radius: 4rem;
  transition: all 0.3s
}

.submitAnswersBtn input:hover,
.submitAnswersBtn input:focus,
.submitAnswersBtn input:active {
  background-color: #9c2b2d;
  color: #f7f7f7;
  width: 86%;
  height: 6rem;
  box-shadow: 0.1rem 0.1rem 0.3rem rgba(77, 26, 26, 0.4)
}

.consultQuestionsForm textarea {
  display: block;
  width: 94%;
  margin: 0 auto 2.2rem
}

.dropDownGroup {
  display: block;
  width: 90%;
  height: 4.4rem;
  font-weight: bold;
  font-size: 1.8rem;
  line-height: 3.6rem;
  margin: .7rem auto 2rem;
  background-color: #fff;
  max-width: 30rem
}

.applyHeadline {
  text-align: left;
  margin: 3rem 1rem 2rem;
  line-height: 1.5
}

fieldset input:hover,
textarea:hover {
  border-color: #000;
  background-color: #dcf7f8
}

@media screen and (min-width: 37.5em) {
  .consultQuestionsForm label {
    width: 25%;
    margin: 1rem;
    display: inline-block;
    text-align: right
  }

  .consultQuestionsForm fieldset input {
    width: 65%;
    height: 4.4rem;
    padding-left: .7rem
  }

  .submitAnswersBtn input {
    width: 60%;
    height: 6rem;
    text-align: center;
    font-size: 2.4rem
  }

  .submitAnswersBtn input:hover,
  .submitAnswersBtn input:focus,
  .submitAnswersBtn input:active {
    width: 56%
  }

  .consultQuestionsForm textarea {
    width: 60%
  }

  .consultQuestions {
    margin: 3rem 10rem 2rem;
    text-indent: 2rem
  }

  .applyHeadline {
    margin: 4rem 9rem 2rem
  }

  .consultQuestionsMain {
    margin: 1.6rem 4rem
  }

  .consultQuestSubHead {
    margin: 2rem 6rem
  }

  .consultQuestionsHeader {
    margin: 0 10rem 2rem
  }

  .consultQuestionsForm textarea {
    width: 70%;
    margin: 0 0 4% 15%
  }

  .consultQuestHeadSub {
    margin: 2rem 6rem 1.2rem
  }

  .consultQuestionsMainTxt {
    margin: 2rem 4rem 2rem
  }

  .dropDownGroup {
    width: 60%
  }
}

.emailFormLogo {
  background: url("/images/forms/mail.png") no-repeat right #fff
}

.nameFormLogo {
  background: url("/images/forms/user.png") no-repeat right #fff
}

.emailValid:valid {
  background-color: #c7ffed
}

.topViewportStaffPic {
  position: fixed;
  height: 100vh;
  width: 100vw;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  opacity: 0.3;
  background-image: url("/images/content_bg.jpg");
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: fixed;
  background-size: cover;
  -webkit-filter: grayscale(50%);
  filter: grayscale(50%)
}

@media screen and (min-width: 50em) {
  .topViewportStaffPic {
    background-image: url("/images/content_bg.jpg")
  }
}

.nextToImage {
  width: 100%
}

.imgNextToContent {
  width: 100%;
  max-width: 26rem;
  margin: 0 auto;
  margin-bottom: 4rem
}

.imgSamanthaAbout {
  width: 100%;
  max-width: 26rem;
  margin: 0 auto;
  margin-bottom: 4rem;
  border-radius: 50%;
  overflow: hidden;
  background-image: url("/images/main/samantha_taylor_sm_head.jpg");
  background-size: cover
}

.genImgContainer {
  margin: 2rem auto;
  max-width: 94%;
  border-radius: 3rem;
  overflow: hidden
}

.genImgContainerSmaller {
  margin: 2rem auto;
  max-width: 90%;
  border-radius: 3rem;
  overflow: hidden
}

.genImgContainerTaller {
  margin: 2rem auto;
  max-width: 50%;
  border-radius: 3rem;
  overflow: hidden
}

.imgSixCongratLeftTop {
  margin: 3% auto;
  width: 90%;
  max-width: 40rem
}

.imgSixCongratRightTop {
  margin: 3% auto;
  width: 90%;
  max-width: 44rem
}

@media screen and (min-width: 45em) {
  .nextToImage {
    display: inline-block;
    width: 60%;
    margin-bottom: 2.5rem
  }

  .imgNextToContent {
    display: inline-block;
    width: 30%;
    margin-bottom: 2.5rem
  }

  .imgSamanthaAbout {
    display: inline-block;
    width: 30%;
    margin-bottom: 2.5rem
  }

  .genImgContainer {
    max-width: 80%;
    margin: 3rem auto
  }

  .genImgContainerSmaller {
    margin: 3rem auto;
    max-width: 60%
  }

  .genImgContainerTaller {
    margin: 3rem auto;
    max-width: 40%
  }
}

.genImgCircle {
  flex: 1 0 24rem;
  max-width: 24rem;
  max-height: 24rem;
  border-radius: 50%;
  overflow: hidden;
  background-image: url("/images/main/samantha_taylor_sm_head.jpg");
  background-size: cover;
  margin-bottom: 5%
}

.genImgCircleInfinity {
  flex: 1 0 24rem;
  max-width: 24rem;
  max-height: 24rem;
  border-radius: 50%;
  overflow: hidden;
  background-image: url("/seminars/content/pics/Infinity/infinity_medical_couple.jpg");
  background-size: cover;
  margin-bottom: 5%
}

.nextToMidImage {
  flex: 3 1 30rem;
  max-width: 96%
}

@media screen and (min-width: 40em) {
  .genImgCircle {
    align-self: center
  }

  .genImgCircleInfinity {
    align-self: center
  }
}

@media screen and (min-width: 37.5em) {
  .imgSixCongratLeftTop {
    display: inline-block;
    max-width: 34%;
    margin: 4% 2% 5% 6%
  }

  .imgSixCongratRightTop {
    display: inline-block;
    max-width: 46%;
    margin: 3% 6% 3% 2%
  }
}

.genGreenLinks a {
  display: inline-block;
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  text-decoration: none;
  padding: .3rem;
  border-radius: .5rem;
  transition: -webkit-transform 200ms ease-in-out, transform 200ms ease-in-out, padding 200ms ease-in-out, background-color 200ms ease-in-out, color 200ms ease-in-out, border-radius 200ms ease-in-out;
  margin: 0
}

.genGreenLinks:hover a,
.genGreenLinks:focus a,
.genGreenLinks:active a {
  -webkit-transform: scale(1.02, 1);
  transform: scale(1.02, 1);
  background-color: rgba(45, 134, 169, 0.7);
  color: rgba(245, 255, 253, 0.96);
  border-radius: 1rem
}

.btnCenterContainer {
  margin: 5% auto;
  max-width: 92%;
  text-align: center
}

.btnContainer {
  margin: 2rem auto;
  max-width: 96%;
  text-align: center
}

a.btnTransAnalysis {
  clear: both;
  display: inline-block;
  padding: 1.5rem 2.5rem;
  text-decoration: none;
  font-size: 2rem;
  border-radius: 5rem;
  box-shadow: 0 1rem 2rem rgba(148, 148, 148, 0.9);
  color: #f7f7f7;
  border: 0.3rem solid #b33629;
  -webkit-transform: scale(1, 1) translateY(0, 0);
  transform: scale(1, 1) translateY(0, 0);
  background-color: #bf3a2b;
  transition: -webkit-transform 200ms, transform 200ms, background-color 200ms, border 200ms, color 200ms, box-shadow 200ms
}

.btnContainer:hover a.btnTransAnalysis,
.btnContainer:focus a.btnTransAnalysis,
.btnContainer:active a.btnTransAnalysis {
  background-color: #d86055;
  border: 0.3rem solid #892a1f;
  color: #fff;
  box-shadow: 0 1.5rem 2rem rgba(163, 163, 163, 0.8);
  -webkit-transform: scale(1.04, 1.04) translateY(-0.4rem);
  transform: scale(1.04, 1.04) translateY(-0.4rem)
}

a.btnAqua {
  padding: 2% 4%;
  border-radius: 2rem;
  clear: both;
  display: inline-block;
  text-decoration: none;
  color: #f7f7f7;
  box-shadow: 0 0.4rem 0.4rem #adadad;
  border: 0.3rem solid rgba(106, 239, 251, 0.98);
  background-color: rgba(13, 158, 171, 0.9);
  transition: background-color 200ms, border 200ms, color 200ms, box-shadow 200ms
}

.btnCenterContainer:hover a.btnAqua,
.btnCenterContainer:focus a.btnAqua,
.btnCenterContainer:active a.btnAqua {
  background-color: rgba(3, 232, 252, 0.8);
  border: 0.3rem solid rgba(51, 145, 153, 0.9);
  color: #fff;
  box-shadow: 0 0.2rem 0.2rem #adadad
}

a.btnPurple {
  padding: 2% 4%;
  border-radius: 4rem;
  clear: both;
  display: inline-block;
  text-decoration: none;
  color: #f7f7f7;
  box-shadow: 0 0.5rem 0.5rem #adadad;
  border: 0.3rem solid rgba(239, 225, 239, 0.8);
  background-color: rgba(127, 42, 132, 0.9);
  transition: background-color 200ms, border 200ms, color 200ms, box-shadow 200ms
}

.btnCenterContainer:hover a.btnPurple,
.btnCenterContainer:focus a.btnPurple,
.btnCenterContainer:active a.btnPurple {
  background-color: rgba(167, 87, 168, 0.7);
  border: 0.3rem solid rgba(151, 5, 153, 0.7);
  color: #fff;
  box-shadow: 0 0.2rem 0.2rem #adadad
}

.fontScheduleBtnTxt {
  font-size: 1.4rem
}

.btnSeminarContainer {
  max-width: 96%;
  font-size: 1.8rem;
  font-weight: bold;
  position: relative;
  display: flex;
  align-content: center;
  justify-content: center;
  margin: 5% auto;
  text-align: center
}

@-webkit-keyframes semBtnColor {
  0% {
    border: 0.3rem solid rgba(106, 239, 251, 0.98);
    background-color: rgba(13, 158, 171, 0.9)
  }

  25% {
    border: 0.3rem solid rgba(239, 225, 239, 0.8);
    background-color: rgba(127, 42, 132, 0.9)
  }

  50% {
    border: 0.3rem solid rgba(244, 209, 205, 0.76);
    background-color: rgba(191, 58, 43, 0.9)
  }

  75% {
    border: 0.3rem solid rgba(239, 225, 239, 0.8);
    background-color: rgba(127, 42, 132, 0.9)
  }

  100% {
    border: 0.3rem solid rgba(106, 239, 251, 0.98);
    background-color: rgba(13, 158, 171, 0.9)
  }
}

@keyframes semBtnColor {
  0% {
    border: 0.3rem solid rgba(106, 239, 251, 0.98);
    background-color: rgba(13, 158, 171, 0.9)
  }

  25% {
    border: 0.3rem solid rgba(239, 225, 239, 0.8);
    background-color: rgba(127, 42, 132, 0.9)
  }

  50% {
    border: 0.3rem solid rgba(244, 209, 205, 0.76);
    background-color: rgba(191, 58, 43, 0.9)
  }

  75% {
    border: 0.3rem solid rgba(239, 225, 239, 0.8);
    background-color: rgba(127, 42, 132, 0.9)
  }

  100% {
    border: 0.3rem solid rgba(106, 239, 251, 0.98);
    background-color: rgba(13, 158, 171, 0.9)
  }
}

.firstSeminarTxt {
  display: block;
  align-self: center;
  -webkit-animation: semFirstTxt 12s linear 0s infinite backwards;
  animation: semFirstTxt 12s linear 0s infinite backwards
}

@-webkit-keyframes semFirstTxt {
  0% {
    visibility: visible;
    opacity: 1.0;
    position: relative
  }

  28% {
    visibility: visible;
    opacity: 1.0;
    position: relative;
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%)
  }

  31% {
    -webkit-transform: translate(110%, 110%);
    transform: translate(110%, 110%)
  }

  33% {
    visibility: hidden;
    opacity: 0.0;
    position: absolute
  }

  95% {
    visibility: hidden;
    opacity: 0.0;
    position: absolute;
    -webkit-transform: translate(-110%, 110%);
    transform: translate(-110%, 110%)
  }

  98% {
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%)
  }

  100% {
    visibility: visible;
    opacity: 1.0;
    position: relative
  }
}

@keyframes semFirstTxt {
  0% {
    visibility: visible;
    opacity: 1.0;
    position: relative
  }

  28% {
    visibility: visible;
    opacity: 1.0;
    position: relative;
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%)
  }

  31% {
    -webkit-transform: translate(110%, 110%);
    transform: translate(110%, 110%)
  }

  33% {
    visibility: hidden;
    opacity: 0.0;
    position: absolute
  }

  95% {
    visibility: hidden;
    opacity: 0.0;
    position: absolute;
    -webkit-transform: translate(-110%, 110%);
    transform: translate(-110%, 110%)
  }

  98% {
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%)
  }

  100% {
    visibility: visible;
    opacity: 1.0;
    position: relative
  }
}

.secondSeminarTxt {
  display: block;
  -webkit-animation: semSecondTxt 12s linear 0s infinite backwards;
  animation: semSecondTxt 12s linear 0s infinite backwards
}

@-webkit-keyframes semSecondTxt {
  0% {
    visibility: hidden;
    opacity: 0.0;
    position: absolute
  }

  28% {
    visibility: hidden;
    opacity: 0.0;
    position: absolute;
    -webkit-transform: translate(110%, -110%);
    transform: translate(110%, -110%)
  }

  31% {
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%)
  }

  33% {
    visibility: visible;
    opacity: 1.0;
    position: relative
  }

  62% {
    visibility: visible;
    opacity: 1.0;
    position: relative;
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%)
  }

  65% {
    -webkit-transform: translate(-110%, -110%);
    transform: translate(-110%, -110%)
  }

  67% {
    visibility: hidden;
    opacity: 0.0;
    position: absolute
  }

  100% {
    visibility: hidden;
    opacity: 0.0;
    position: absolute
  }
}

@keyframes semSecondTxt {
  0% {
    visibility: hidden;
    opacity: 0.0;
    position: absolute
  }

  28% {
    visibility: hidden;
    opacity: 0.0;
    position: absolute;
    -webkit-transform: translate(110%, -110%);
    transform: translate(110%, -110%)
  }

  31% {
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%)
  }

  33% {
    visibility: visible;
    opacity: 1.0;
    position: relative
  }

  62% {
    visibility: visible;
    opacity: 1.0;
    position: relative;
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%)
  }

  65% {
    -webkit-transform: translate(-110%, -110%);
    transform: translate(-110%, -110%)
  }

  67% {
    visibility: hidden;
    opacity: 0.0;
    position: absolute
  }

  100% {
    visibility: hidden;
    opacity: 0.0;
    position: absolute
  }
}

.thirdSeminarTxt {
  display: block;
  -webkit-animation: semThirdTxt 12s linear 0s infinite backwards;
  animation: semThirdTxt 12s linear 0s infinite backwards
}

@-webkit-keyframes semThirdTxt {
  0% {
    visibility: hidden;
    opacity: 0.0;
    position: absolute
  }

  62% {
    visibility: hidden;
    opacity: 0.0;
    position: absolute;
    -webkit-transform: translate(-110%, -110%);
    transform: translate(-110%, -110%)
  }

  65% {
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%)
  }

  67% {
    visibility: visible;
    opacity: 1.0;
    position: relative
  }

  95% {
    visibility: visible;
    opacity: 1.0;
    position: relative;
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%)
  }

  98% {
    -webkit-transform: translate(110%, 110%);
    transform: translate(110%, 110%)
  }

  100% {
    visibility: hidden;
    opacity: 0.0;
    position: absolute
  }
}

@keyframes semThirdTxt {
  0% {
    visibility: hidden;
    opacity: 0.0;
    position: absolute
  }

  62% {
    visibility: hidden;
    opacity: 0.0;
    position: absolute;
    -webkit-transform: translate(-110%, -110%);
    transform: translate(-110%, -110%)
  }

  65% {
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%)
  }

  67% {
    visibility: visible;
    opacity: 1.0;
    position: relative
  }

  95% {
    visibility: visible;
    opacity: 1.0;
    position: relative;
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%)
  }

  98% {
    -webkit-transform: translate(110%, 110%);
    transform: translate(110%, 110%)
  }

  100% {
    visibility: hidden;
    opacity: 0.0;
    position: absolute
  }
}

a.btnSeminar:hover,
a.btnSeminar:hover .firstSeminarTxt,
.firstSeminarTxt:hover,
a.btnSeminar:hover .secondSeminarTxt,
.secondSeminarTxt:hover,
a.btnSeminar:hover .thirdSeminarTxt,
.thirdSeminarTxt:hover {
  -webkit-animation-play-state: paused;
  animation-play-state: paused
}

a.btnSeminar {
  display: flex;
  align-content: center;
  justify-content: center;
  max-width: 100%;
  padding: 2rem 3rem;
  border-radius: 3rem;
  clear: both;
  text-decoration: none;
  color: #f7f7f7;
  box-shadow: 0 0.4rem 0.4rem #adadad;
  -webkit-animation: semBtnColor 8s linear 0s infinite alternate;
  animation: semBtnColor 8s linear 0s infinite alternate;
  transition: border 200ms, color 200ms, box-shadow 200ms
}

a.btnSeminar:hover {
  border: 0.3rem solid rgba(51, 145, 153, 0.7);
  color: #fff;
  box-shadow: 0 0.2rem 0.2rem rgba(173, 173, 173, 0.7)
}

.mainProgramsBtnContainer {
  margin: 2rem 1.2rem;
  width: 90%;
  min-width: 20rem;
  display: flex;
  position: relative;
  align-self: stretch
}

a.mainProgramsStfBtn {
  display: block;
  /* background-image: url("/images/here/stf_logo_medium_btn.png"); */
  background-image: url("/images/stf-pt.png");
  background-color: #fff;
  background-size: 80%;
  background-repeat: no-repeat;
  background-position: 50% 15%;
  padding-bottom: 0;
  width: 100%;
  border-radius: 2rem;
  overflow: hidden;
  text-decoration: none;
  color: #7f2a84;
  border: 0.2rem solid rgba(103, 104, 69, 0.4);
  box-shadow: 0 1rem 2rem rgba(165, 120, 120, 0.4);
  text-align: center;
  -webkit-transform: scale(1, 1) translateY(0, 0);
  transform: scale(1, 1) translateY(0, 0);
  transition: -webkit-transform 200ms, transform 200ms, background-color 200ms, border 200ms, box-shadow 200ms
}

a.mainProgramsStfBtn:hover,
a.mainProgramsStfBtn:focus,
a.mainProgramsStfBtn:active {
  background-color: rgba(249, 250, 209, 0.4);
  border: 0.2rem solid rgba(70, 70, 52, 0.5);
  box-shadow: 0 1.5rem 2rem rgba(173, 133, 133, 0.5);
  text-align: center;
  -webkit-transform: scale(1.05, 1.05) translateY(-0.4rem);
  transform: scale(1.05, 1.05) translateY(-0.4rem)
}

a.bootcampBtnRight {
  display: block;
  /* background-image: url("/images/here/fitness_bootcamp_btn.png"); */
  background-image: url("/images/stf-bc.png");
  background-color: #fff;
  background-size: 80%;
  background-repeat: no-repeat;
  background-position: 50% 15%;
  padding-bottom: 0;
  width: 100%;
  border-radius: 2rem;
  overflow: hidden;
  text-decoration: none;
  color: #171617;
  border: 0.2rem solid rgba(159, 114, 161, 0.4);
  box-shadow: 0 1rem 2rem rgba(165, 120, 120, 0.4);
  text-align: center;
  -webkit-transform: scale(1, 1) translateY(0, 0);
  transform: scale(1, 1) translateY(0, 0);
  transition: -webkit-transform 200ms, transform 200ms, background-color 200ms, border 200ms, box-shadow 200ms
}

a.bootcampBtnRight:hover,
a.bootcampBtnRight:focus,
a.bootcampBtnRight:active {
  background-color: rgba(241, 217, 242, 0.4);
  border: 0.2rem solid rgba(132, 90, 135, 0.5);
  box-shadow: 0 1.5rem 2rem rgba(173, 133, 133, 0.5);
  text-align: center;
  -webkit-transform: scale(1.05, 1.05) translateY(-0.4rem);
  transform: scale(1.05, 1.05) translateY(-0.4rem)
}

.mainProgramsBtnTxt {
  display: block;
  width: 80%;
  position: relative;
  margin: 37% auto 2%;
  padding: 0;
  font-size: 2.4rem;
  font-weight: bold;
  text-shadow: 0.1rem 0.1rem 0.1rem rgba(43, 39, 39, 0.3)
}

.sixWeekBelowSub {
  margin: 2rem 1.4rem;
  font-size: 2.2rem;
  line-height: 1.5
}

@media screen and (min-width: 18.88em) {
  .fontScheduleBtnTxt {
    font-size: 1.6rem
  }
}

@media screen and (min-width: 21.25em) {
  .fontScheduleBtnTxt {
    font-size: 1.8rem
  }

  .mainProgramsBtnTxt {
    margin: 33% auto 4%
  }
}

@media screen and (min-width: 23.75em) {
  .fontScheduleBtnTxt {
    font-size: 2rem
  }
}

@media screen and (min-width: 35em) {
  .mainProgramsBtnContainer {
    width: 45.45%;
    min-width: 24rem
  }

  .mainProgramsBtnTxt {
    margin: 37% auto 4%
  }
}

@media screen and (min-width: 37.5em) {
  .btnContainer {
    max-width: 92%
  }

  .btnContainer a {
    padding: 2.4rem 2.8rem;
    border-radius: 10rem
  }

  .btnCenterContainer {
    margin: 3% auto;
    max-width: 92%
  }

  a.btnAqua {
    padding: 2% 4%
  }

  .fontScheduleBtnTxt {
    font-size: 2.2rem
  }
}

@media screen and (min-width: 42.75em) {
  .btnSeminarContainer {
    font-size: 2rem
  }
}

@media screen and (min-width: 47.5em) {
  a.btnSeminar {
    padding: 3rem 6rem;
    border-radius: 5rem
  }

  .mainProgramsBtnTxt {
    margin: 33% auto 2%
  }

  .btnContainer {
    max-width: 88%
  }

  .btnContainer a {
    padding: 3rem 3.2rem;
    font-size: 2.2rem
  }

  .sixWeekBelowSub {
    margin: 3rem 8rem;
    font-size: 2.4rem
  }
}

.stfMainCenter {
  margin: 2.27% auto 2%;
  width: 45.45%;
  min-width: 24rem
}

.stfMainCenter a {
  display: block;
  background: url("/images/here/stf_logo_stf_norrmal.jpg") no-repeat 0 0;
  background-size: 200%;
  padding-bottom: 120%;
  width: 100%
}

.stfMainCenter a:hover {
  background-position: 100% 0
}

.pureBtcMainLeft {
  margin: 2.27% 1% 2%;
  width: 45.45%;
  min-width: 24rem;
  display: inline-block
}

.pureBtcMainLeft a {
  display: block;
  background: url("/images/here/stf_logo_stf_norrmal.jpg") no-repeat 0 0;
  background-size: 200%;
  padding-bottom: 120%;
  width: 100%
}

.pureBtcMainLeft a:hover {
  background-position: 100% 0
}

.bootcampBtcMainRight {
  margin: 2.27% 1% 2%;
  width: 45.45%;
  min-width: 24rem;
  display: inline-block
}

.bootcampBtcMainRight a {
  display: block;
  background: url("/images/here/bootcamp_stf_normal_all.jpg") no-repeat 0 0;
  background-size: 200%;
  padding-bottom: 120%;
  width: 100%
}

.bootcampBtcMainRight a:hover {
  background-position: 100% 0
}

.bootcampBtnRightPic {
  margin: 2.27% 1% 2%;
  width: 45.45%;
  min-width: 24rem;
  display: inline-block
}

.bootcampBtnRightPic a {
  display: block;
  background: url("/images/here/bootcamp_stf_normal_all.jpg") no-repeat 0 0;
  background-size: 200%;
  padding-bottom: 95%;
  width: 100%;
  border-radius: 4rem;
  overflow: hidden
}

.bootcampBtnRightPic a:hover {
  background-position: 100% 0
}

.stfBtnLeftPic {
  margin: 2.27% 1% 2%;
  width: 45.45%;
  display: inline-block;
  min-width: 24rem
}

.stfBtnLeftPic a {
  display: block;
  background: url("/images/here/stf_logo_stf_norrmal.jpg") no-repeat 0 0;
  background-size: 200%;
  padding-bottom: 100%;
  width: 100%;
  border-radius: 4rem;
  overflow: hidden
}

.stfBtnLeftPic a:hover {
  background-position: 100% 0
}

.genItalicListStatement {
  font-size: 2rem;
  font-style: italic;
  margin: 1.4rem 1rem;
  line-height: 1.6;
  color: #2d2d2f
}

.genList {
  text-align: left;
  margin: 1.2rem 1rem 2rem 1.4rem;
  list-style-image: url("/images/icons/ul_circle.png")
}

.genList li {
  line-height: 1.5;
  margin: 1.5rem;
  text-indent: -1rem
}

.genSubList {
  text-align: left;
  margin: -1rem 1.2rem 2rem;
  list-style-image: url("/images/icons/sub_ul_circle.png")
}

.genSubList li {
  line-height: 1.5;
  margin: 1.5rem;
  text-indent: -1rem
}

.genListNumbers {
  text-align: left;
  margin: 1rem 0 2rem 0;
  list-style-image: url("/images/icons/ul_circle.png");
  position: relative
}

.genListNumbers li {
  line-height: 1.5;
  margin: 1rem;
  text-indent: 0;
  margin-top: 2rem
}

.roundedList {
  counter-reset: li;
  list-style: none
}

.roundedList a {
  position: relative;
  display: block;
  padding: 1.5rem 1.5rem 1.5rem 4rem;
  *padding: 1.5rem;
  margin: 2rem 0;
  background: rgba(223, 233, 236, 0.3);
  color: rgba(19, 29, 32, 0.98);
  text-decoration: none;
  border: 0 solid rgba(249, 251, 251, 0);
  border-radius: 1rem;
  transition: all .3s ease-out
}

.roundedList a:focus {
  outline: hidden
}

.roundedList a:hover,
.roundedList a:focus,
.roundedList a:active {
  background: rgba(210, 225, 229, 0.5);
  color: #000;
  border: 0.1rem solid rgba(74, 118, 130, 0.8);
  border-radius: 2rem
}

.roundedList a:hover::before,
.roundedList a:hover:focus::before,
.roundedList a:hover:active::before {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
  background: rgba(204, 245, 255, 0.9);
  border: 0.1rem solid rgba(125, 169, 181, 0.8)
}

.roundedList a::before {
  content: counter(li);
  counter-increment: li;
  position: absolute;
  left: -1.6rem;
  top: 50%;
  margin-top: -1.9rem;
  background: rgba(51, 214, 255, 0.8);
  height: 3.4rem;
  width: 3.4rem;
  line-height: 1.9;
  border: 0 solid rgba(249, 251, 251, 0);
  text-align: center;
  font-weight: bold;
  border-radius: 50%;
  transition: all .3s ease-out
}

@media screen and (min-width: 43.75em) {
  .roundedList a {
    padding: 1.5rem 1.5rem 1.5rem 4rem;
    *padding: 1.5rem;
    margin: 3% 0
  }

  .roundedList a::before {
    left: -1.5rem;
    top: 50%;
    margin-top: -1.9rem;
    line-height: 1.9
  }
}

@media screen and (min-width: 45em) {
  .genList {
    margin: 1rem 15rem 2rem 7rem
  }

  .genSubList {
    margin: -1rem 1rem 2rem 5rem
  }

  .genListNumbers {
    margin: 1rem 12rem 2rem 7rem
  }

  .genListNumbers li {
    margin: -1rem 1rem 2rem 4rem;
    text-indent: -1rem
  }
}

.btcDocList {
  list-style: none;
  margin-top: 3%;
  width: 98%
}

.btcDocList li {
  text-align: left;
  margin: 1%;
  font-size: 1.8rem;
  line-height: 2.4rem
}

.btcDocList li a {
  background: url("/images/icons/13.png") no-repeat 0 0.3rem;
  display: block;
  padding: 1rem 2% 1rem 4rem;
  text-decoration: none
}

.btcDocList li a:hover,
.btcDocList li a:focus {
  background: url("/images/icons/pointer.png") no-repeat 1.5rem 1.2rem rgba(0, 0, 0, 0.05);
  transition: all 0.5s ease
}

.affProdDocList {
  list-style: none;
  margin: 2rem .8rem;
  max-width: 98%
}

.affProdDocList li {
  background: url("/images/icons/pointer.png") no-repeat 0 1.6rem;
  text-align: left;
  margin: .2rem;
  font-size: 1.8rem;
  line-height: 1.6
}

.affProdDocList li a {
  display: block;
  padding: 1.2rem 1rem 1.2rem 2.5rem;
  text-decoration: none
}

.genPointerList {
  list-style: none;
  margin: 2rem .8rem;
  max-width: 98%
}

.genPointerList li {
  display: block;
  background: url("/images/icons/pointer.png") no-repeat 0 1.6rem;
  text-align: left;
  margin: 0rem;
  font-size: 1.8rem;
  line-height: 1.6;
  padding: 1rem 1rem 1rem 2.8rem
}

.genPointerList li a {
  text-decoration: none
}

.genPointerList li:hover,
.affProdDocList li a:hover,
.btcDocList li a:focus {
  background-color: rgba(0, 0, 0, 0.05);
  transition: all 0.5s ease
}

.mainDocList {
  list-style: none;
  margin-top: 3%;
  margin-left: 1%;
  width: 98%
}

.mainDocList li {
  text-align: left;
  margin: 1%;
  font-size: 1.8rem;
  line-height: 1.5
}

.mainDocList li a {
  background: url("/images/icons/13.png") no-repeat 0 0.3rem;
  display: block;
  padding: 1% 2% 1% 7%;
  text-decoration: none
}

.mainDocList li a:hover,
ul.btcDocList li a:focus {
  background: url("/images/icons/pointer.png") no-repeat 1.5rem 1.2rem rgba(0, 0, 0, 0.05);
  transition: all 0.5s ease
}

@media screen and (min-width: 50em) {
  .mainDocList {
    margin-top: 3%;
    margin-left: 5%
  }

  .mainDocList li a {
    padding: 1% 2% 1% 6%
  }

  .affProdDocList {
    margin: 2rem 6rem
  }

  .affProdDocList li {
    margin: .4rem;
    font-size: 1.8rem
  }

  .genPointerList {
    margin: 2rem 6rem
  }

  .genPointerList li {
    margin: 0rem;
    font-size: 1.8rem
  }
}

@media screen and (max-width: 36.25em) {
  .mainDocList li a {
    padding: 1% 1% 1% 12%
  }
}

.btnDocsLarge {
  margin: 2% auto 2%;
  text-align: center
}

.btnDocsLarge a {
  clear: both;
  display: inline-block;
  padding: 3%;
  text-decoration: none;
  font-weight: bold;
  font-size: 2.4rem;
  border-radius: 10rem;
  box-shadow: 0 .2rem .2rem #ADADAD;
  color: #F7F7F7;
  border: .2rem solid #b23528;
  background-color: #c0392b;
  transition: background-color 0.2s, border 0.2s, color 0.2s
}

.btnDocsLarge a:hover {
  background-color: #d96256;
  border: .2rem solid #88291f;
  color: #fff
}

.genLinkAloneBtc {
  font-size: 2rem;
  margin: 1.2rem
}

.genLinkAloneBtc a {
  display: block;
  padding: 1rem 2rem 1rem;
  text-decoration: none;
  transition: all 0.5s ease
}

.genLinkAloneBtc a:hover,
.genLinkAloneBtc a:focus {
  background-color: rgba(0, 0, 0, 0.05)
}

.largeTopNotice {
  margin: 2% 5% 3% 5%;
  font-size: 2.4rem;
  line-height: 1.3
}

.largeEventsNotice {
  margin: 2% 5% 3% 5%;
  font-size: 2.8rem;
  line-height: 1.3
}

.largeEventsNotice a {
  color: #e60004
}

@media screen and (min-width: 46.25em) {
  .genLinkAloneBtc {
    font-size: 2rem;
    margin: 1.6rem 4rem
  }

  .genLinkAloneBtc a {
    padding: 1rem 2rem 1rem
  }
}

.midVidContentMain {
  margin: 2rem auto;
  max-width: 80rem;
  min-width: 24rem;
  width: 100%;
  padding-bottom: 56.25%;
  height: 0;
  position: relative
}

.midVidContainerMain {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0
}

.videoHeadline {
  text-align: center;
  margin: 3rem 2rem 1rem;
  font-size: 2rem
}

.videoHeadline a {
  display: block;
  padding: 1.6rem;
  text-decoration: none
}

.videoHeadline a:hover,
.videoHeadline a:focus {
  background-color: rgba(0, 0, 0, 0.05);
  transition: all 0.5s ease
}

.vidImgDouble img {
  width: 98%;
  max-width: 45rem
}

.vidImgSingle img {
  width: 98%;
  max-width: 65rem
}

.vidImgSingleTall img {
  width: 98%;
  max-width: 45rem
}

@media screen and (min-width: 37.5em) {
  .videoHeadline {
    margin: 3rem 2rem 1rem;
    font-size: 2.2rem
  }
}

.midVidBtcContentMain {
  margin: 3% auto 2%;
  min-width: 24rem;
  width: 100%;
  padding-bottom: 56.25%;
  height: 0;
  position: relative
}

.midVidBtcContainerMain {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0
}

.midVidStdContentMain {
  margin: 3% auto 2%;
  min-width: 24rem;
  width: 100%;
  padding-bottom: 75%;
  height: 0;
  position: relative
}

.midVidStdContainerMain {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0
}

.midVidContentvPhone {
  margin: 2% auto;
  max-width: 64rem;
  min-width: 24rem;
  width: 100%;
  padding-bottom: 156.56%;
  height: 0;
  position: relative
}

.midVidContainervPhone {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0
}

@media screen and (min-width: 41.25rem) {
  .midVidContentvPhone {
    padding-bottom: 100.2rem
  }
}

.midAudioContentMain {
  margin: 3% auto 2%;
  min-width: 24rem;
  padding: 5%;
  position: relative;
  text-align: center
}

.countdownWrapper {
  height: 7rem;
  width: 96%;
  margin: 1rem auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: row
}

.countdownNew {
  display: flex;
  max-width: 100%;
  text-align: center
}

.countdownNew .countdownDay,
.countdownNew .countdownHour,
.countdownNew .countdownMin,
.countdownNew .countdownSec {
  color: rgba(226, 47, 24, 0.918);
  padding: .3rem .5rem;
  text-align: center
}

.countdownNew .countdownDay .countdownNum,
.countdownNew .countdownHour .countdownNum,
.countdownNew .countdownMin .countdownNum,
.countdownNew .countdownSec .countdownNum {
  display: block;
  font-size: 4rem;
  line-height: 6rem;
  max-height: 50%
}

.countdownNew .countdownDay .countdownWord,
.countdownNew .countdownHour .countdownWord,
.countdownNew .countdownMin .countdownWord,
.countdownNew .countdownSec .countdownWord {
  display: block;
  font-size: 1.5rem;
  color: rgba(226, 47, 24, 0.918);
  max-height: 30%
}

@media screen and (min-width: 18.75em) {

  .countdownNew .countdownDay .countdownNum,
  .countdownNew .countdownHour .countdownNum,
  .countdownNew .countdownMin .countdownNum,
  .countdownNew .countdownSec .countdownNum {
    font-size: 5rem;
    line-height: 6rem
  }

  .countdownNew .countdownDay .countdownWord,
  .countdownNew .countdownHour .countdownWord,
  .countdownNew .countdownMin .countdownWord,
  .countdownNew .countdownSec .countdownWord {
    font-size: 2rem
  }
}

@media screen and (min-width: 37.5em) {
  .countdownWrapper {
    height: 9rem;
    width: 94%;
    margin: 3rem auto
  }

  .countdownNew .countdownDay,
  .countdownNew .countdownHour,
  .countdownNew .countdownMin,
  .countdownNew .countdownSec {
    padding: 2rem 2rem 1rem;
    text-align: center
  }

  .countdownNew .countdownDay .countdownNum,
  .countdownNew .countdownHour .countdownNum,
  .countdownNew .countdownMin .countdownNum,
  .countdownNew .countdownSec .countdownNum {
    font-size: 7rem;
    line-height: 8rem
  }

  .countdownNew .countdownDay .countdownWord,
  .countdownNew .countdownHour .countdownWord,
  .countdownNew .countdownMin .countdownWord,
  .countdownNew .countdownSec .countdownWord {
    font-size: 3rem
  }
}

.headlinerLogin {
  margin: 2.27% auto;
  max-width: 80rem
}

.headlinerMain {
  margin: 2.27% 4.5%;
  max-width: 80rem
}

.headlineImg {
  padding-bottom: 27.5%;
  background-image: url("/images/here/stf_headliner_logo.png");
  background-size: cover;
  background-position: center
}

.headlineSixWeekImg {
  padding-bottom: 15%;
  background-image: url("/images/here/6weekbtc_headliner.png");
  background-size: cover;
  background-position: center
}

.navContainer a:hover {
  text-decoration: none
}

.navContainer input[type=checkbox] {
  margin: 0;
  padding: 0
}

.navContainer {
  background: rgba(45, 134, 169, 0.9);
  text-align: center;
  position: fixed;
  width: 100%;
  z-index: 999;
  margin: 0 auto;
  top: 0;
  min-height: 5rem
}

.navMain {
  position: absolute;
  text-align: left;
  top: 100%;
  left: 0;
  background: rgba(45, 134, 169, 0.9);
  width: 100%;
  -webkit-transform: scale(1, 0);
  transform: scale(1, 0);
  -webkit-transform-origin: top;
  transform-origin: top;
  transition: -webkit-transform 400ms ease-in-out, transform 400ms ease-in-out;
  border-radius: 0 0 1rem 1rem;
  max-height: 100vh
}

.navMain ul {
  margin: 0;
  padding: 0;
  list-style: none
}

nav li {
  margin-bottom: 0;
  margin-left: 1.6rem;
  padding: 0;
  position: relative
}

.navMain a {
  color: #fcfcfc;
  padding: 2.7rem 0;
  text-decoration: none;
  font-size: 1.9rem;
  text-transform: uppercase;
  opacity: 0;
  transition: opacity 150ms ease-in-out;
  display: block;
  position: relative
}

.navMain a .arrow {
  display: inline-block;
  position: absolute;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  padding: 0 .7rem 0 .7rem;
  margin: 0;
  top: 1.8rem;
  transition: all 150ms ease-in-out;
  color: #fcfcfc;
  font-size: 1.9rem;
  left: 0
}

.navMain a .arrow {
  display: inline-block;
  position: relative;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  padding: 0 .7rem;
  margin: 0;
  top: -.3rem;
  transition: all 150ms ease-in-out;
  color: #fcfcfc;
  font-size: 1.9rem;
  left: 0
}

.navMain a:hover .arrow,
.navMain a:focus .arrow,
.navMain a:active .arrow {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  top: -.1rem;
  transition: all 150ms ease-in-out
}

.navMain a:visited {
  color: #e0e0e0
}

.navMain a:focus,
.navMain a:active,
.navMain a:focus .arrow,
.navMain a:active .arrow {
  color: #ededed
}

.navMain a:focus {
  outline: none
}

.navMain a:hover,
.navMain a:hover .arrow {
  color: #b3b3b3
}

.topNavTitle ul {
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 0
}

.secondNavTitle {
  display: none;
  margin-top: -1rem
}

.secondNavTitle a {
  margin-left: 6rem;
  padding-right: .5rem;
  padding-left: .5rem
}

.topNavTitle:hover .secondNavTitle,
.topNavTitle:focus .secondNavTitle,
.topNavTitle:active .secondNavTitle {
  display: block
}

.topNavTitle a:focus .secondNavTitle,
.topNavTitle a:active .secondNavTitle {
  display: block
}

.topNavTitle:hover .secondNavTitle,
.topNavTitle:focus .secondNavTitle,
.topNavTitle:active .secondNavTitle {
  display: flex
}

.topNavTitle a:focus .secondNavTitle,
.topNavTitle a:active .secondNavTitle {
  display: flex
}

.nav-btn {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
  border-radius: 50%;
  transition: -webkit-transform 0.2s ease, transform 0.2s ease
}

.nav-btn i {
  display: block;
  width: 2rem;
  height: .2rem;
  background: #fcfcfc;
  border-radius: .2rem;
  margin-left: 1.4rem;
  transition: -webkit-transform 0.4s ease 0.2s, transform 0.4s ease 0.2s
}

.nav-btn .hamTop {
  margin-top: 1.6rem
}

.nav-btn .hamMiddle {
  margin-top: .4rem;
  opacity: 1
}

.nav-btn .hamBottom {
  margin-top: .4rem
}

.navCheck {
  display: none
}

.navCheck:checked~.navMain {
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1)
}

.navCheck:checked~.navMain a {
  opacity: 1;
  transition: opacity 250ms ease-in-out 250ms
}

.navCheck:checked+.nav-btn {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

.navCheck:checked+.nav-btn i {
  background: #fcfcfc;
  transition: -webkit-transform 0.2s ease, transform 0.2s ease
}

.navCheck:checked+.nav-btn .hamTop {
  -webkit-transform: translateY(0.6rem) rotate(180deg);
  transform: translateY(0.6rem) rotate(180deg)
}

.navCheck:checked+.nav-btn .hamMiddle {
  opacity: 0
}

.navCheck:checked+.nav-btn .hamBottom {
  -webkit-transform: translateY(-0.6rem) rotate(90deg);
  transform: translateY(-0.6rem) rotate(90deg)
}

.tryItFreeBtn {
  position: absolute;
  top: 50%;
  right: 3%;
  -webkit-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
  z-index: 1111
}

.homeHomeBtn {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 1111
}

.tryItFreeBtn a {
  display: inline-block;
  padding: .8rem .4rem .4rem;
  width: 9.4rem;
  height: 3.0rem;
  margin: auto;
  border-radius: 10%;
  border: 0.2rem solid rgba(247, 247, 247, 0.9);
  background-color: rgba(234, 6, 6, 0.952);
  transition: -webkit-transform 200ms, background-color 200ms, box-shadow 200ms, transform 200ms;
  color: rgba(248, 246, 246, 0.952);
  font-size: 1.8rem
}

.homeHomeBtn a {
  display: inline-block;
  padding: .6rem;
  width: 3.2rem;
  height: 3.2rem;
  margin: auto;
  border-radius: 50%;
  border: 0.2rem solid rgba(247, 247, 247, 0.9);
  background-color: rgba(227, 235, 237, 0);
  transition: -webkit-transform 200ms, background-color 200ms, box-shadow 200ms, transform 200ms
}

.tryItFreeBtn a:hover,
.tryItFreeBtn a:focus,
.tryItFreeBtn a:active {
  background-color: #e3ebed;
  background-size: 3rem;
  background-repeat: no-repeat;
  background-position: center;
  box-shadow: 0 0 0.3rem rgba(46, 46, 46, 0.63);
  border: 0.2rem solid rgba(234, 6, 6, 0.952);
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
  color: rgba(234, 6, 6, 0.952)
}

.homeHomeBtn a:hover,
.homeLogoBtn a:focus,
.homeLogoBtn a:active {
  background-color: #e3ebed;
  background-image: url("/images/here/stf_home_hover_btn.png");
  background-size: 3rem;
  background-repeat: no-repeat;
  background-position: center;
  box-shadow: 0 0 0.3rem rgba(46, 46, 46, 0.63);
  border: 0.2rem solid #f7f7f7;
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg)
}

.homeHomeBtn a img {
  opacity: 1.0;
  max-width: 3.2rem;
  max-height: 3.2rem
}

.homeHomeBtn a:hover img,
.homeLogoBtn a:focus img,
.homeLogoBtn a:active img {
  opacity: 0.0
}

@media screen and (max-width: 55.625em) {
  .navMain {
    overflow-y: auto
  }
}

@media screen and (min-width: 55.625em) {
  .navContainer {
    display: grid;
    grid-template-columns: 1fr 1fr
  }

  .nav-btn {
    display: none
  }

  .navMain {
    all: unset;
    position: relative;
    text-align: left;
    transition: none;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    background: none;
    top: initial;
    left: initial;
    grid-column: 1 / 3;
    display: flex;
    justify-content: space-around;
    align-items: center;
    border-radius: 0 0 1rem 1rem;
    margin-left: 3rem
  }

  .navMain ul {
    display: flex
  }

  .navMain ul ul {
    position: absolute;
    background: rgba(45, 134, 169, 0.9);
    top: 6.2rem;
    border-radius: 0 0 1rem 1rem
  }

  .firstNavTitle ul,
  .midNavTitle ul {
    left: -2rem;
    flex-direction: column;
    flex: 1;
    white-space: nowrap;
    margin-top: .5rem
  }

  .firstNavTitle ul,
  .midNavTitle ul {
    display: grid;
    grid-template-columns: -webkit-max-content;
    grid-template-columns: max-content;
    grid-auto-rows: -webkit-max-content;
    grid-auto-rows: max-content;
    grid-gap: .5rem;
    padding-bottom: 1rem;
    white-space: normal
  }

  .lastNavTitle ul {
    right: -1.6rem
  }

  .midNavTitle,
  .lastNavTitle {
    margin-left: 4rem;
    position: relative
  }

  .firstNavTitle {
    margin-left: 0
  }

  .navMain a {
    opacity: 1;
    position: relative;
    padding: 2.5rem 0 2rem
  }

  .secondNavTitle a {
    margin-left: .5rem;
    margin-right: 2rem;
    padding-right: .5rem;
    padding-left: .5rem
  }

  .navMain a .navTitles {
    display: inline-block;
    position: relative
  }

  .navMain a .navTitles::before {
    content: '';
    display: block;
    height: .5rem;
    background: #b3b3b3;
    position: absolute;
    top: -1.2rem;
    left: 0;
    right: 0;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    transition: -webkit-transform ease-in-out 250ms, transform ease-in-out 250ms
  }

  .navMain a:hover .navTitles::before {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1)
  }

  .navMain a .arrow {
    top: -.3rem
  }

  .navMain a:hover .arrow,
  .navMain a:focus .arrow,
  .navMain a:active .arrow {
    top: 0
  }

  .homeHomeBtn {
    top: 50%;
    left: 1%;
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%)
  }

  .tryItFreeBtn {
    top: 150%;
    right: 2%;
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%)
  }
}

@media screen and (min-width: 58.75em) {
  .navMain {
    margin-left: 0
  }
}

@media screen and (min-width: 66.25em) {
  .navMain {
    margin-left: 0
  }

  .tryItFreeBtn {
    top: 50%;
    right: 2%;
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%)
  }
}

.marginBotTwentyFiveTen {
  margin-top: 0
}

.standardResponsive {
  margin: 0;
  background-color: rgba(230, 230, 230, 0.1)
}

.wholeContainer {
  margin: 5rem auto 0;
  max-width: 96rem;
  min-width: 24rem;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.85);
  text-align: center;
  box-shadow: 0 0.3rem 0.8rem 0.3rem rgba(0, 0, 0, 0.1);
  border-bottom-left-radius: 4rem;
  border-bottom-right-radius: 4rem;
  overflow: hidden
}

.wholeContainerCrlogin {
  margin: 0 auto;
  max-width: 200rem;
  min-width: 24rem;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  text-align: center;
  box-shadow: 0 0.3rem 0.8rem 0.3rem rgba(0, 0, 0, 0.1);
  border-bottom-left-radius: 4rem;
  border-bottom-right-radius: 4rem;
  overflow: hidden
}

@media screen and (min-width: 55.625em) {
  .wholeContainer {
    margin: 7rem auto 0
  }
}

.marginBotTwentyFiveTen {
  margin-bottom: 38%
}

@media screen and (min-width: 23.75em) {
  .marginBotTwentyFiveTen {
    margin-bottom: 25%
  }
}

@media screen and (min-width: 32.5em) {
  .marginBotTwentyFiveTen {
    margin-bottom: 20%
  }
}

@media screen and (min-width: 45em) {
  .marginBotTwentyFiveTen {
    margin-bottom: 15%
  }
}

@media screen and (min-width: 55em) {
  .marginBotTwentyFiveTen {
    margin-bottom: 10%
  }
}

.marginBottomFour {
  margin-bottom: 4%
}

.midTopContentMain {
  margin: 2rem 0 2rem .5rem;
  width: 98%;
  padding-left: .5rem
}

.genMidNoMarContent {
  margin: 2rem auto;
  width: 100%;
  font-size: 1.8rem
}

.genMidTopContent {
  margin: 2rem 0 2rem .5rem;
  width: 98%;
  font-size: 1.8rem;
  position: relative
}

@media screen and (min-width: 45em) {
  .midTopContentMain {
    margin: 2rem 0 2rem 3.5rem;
    width: 92%;
    padding-left: 3.5rem
  }

  .genMidTopContent {
    margin: 2rem 0 2rem 3.5rem;
    width: 94%
  }
}

.genFlex {
  display: flex;
  flex-wrap: wrap;
  justify-content: center
}

.genFlexStandard {
  display: flex;
  flex-wrap: wrap
}

.hirePtFlexOne {
  width: 94%;
  margin: 1rem auto
}

.hirePtFlexTwo {
  max-width: 100%;
  margin: 1rem auto
}

.ptFlexImgTop {
  max-width: 100%;
  margin: 1rem auto
}

.ptFlexImgOne {
  max-width: 94%;
  margin: 2rem auto;
  border-radius: 2rem;
  overflow: hidden
}

.ptFlexImgTwo {
  max-width: 55%;
  margin: 2rem auto;
  border-radius: 2rem;
  overflow: hidden
}

.ptFlexImgThree {
  max-width: 94%;
  margin: 2rem auto;
  border-radius: 2rem;
  overflow: hidden
}

@media screen and (min-width: 37.5em) {
  .hirePtFlex {
    display: flex
  }

  .hirePtFlexOne {
    width: 55%;
    margin: .5rem auto;
    align-self: center
  }

  .hirePtFlexTwo {
    max-width: 40%;
    margin: .5rem auto
  }

  .ptFlexImgTop {
    display: flex
  }

  .ptFlexImgOne {
    max-width: 37%;
    margin: 2rem auto
  }

  .ptFlexImgTwo {
    max-width: 18%;
    margin: 2rem auto
  }

  .ptFlexImgThree {
    max-width: 37%;
    margin: 2rem auto;
    align-self: flex-end
  }
}

.footerBottom {
  background-color: rgba(174, 217, 234, 0.95);
  padding: .5% 0;
  border-top: 0.2rem solid rgba(128, 128, 128, 0.25);
  position: fixed;
  width: 100%;
  z-index: 899;
  margin: 0 auto;
  bottom: 0;
  min-height: 5rem;
  display: flex;
  justify-content: center;
  align-items: center
}

.forQuestionsFooter {
  font-weight: 300;
  font-size: 1.8rem;
  margin: 0 .8rem 0 1.5rem;
  padding: 0
}

.myCopyright {
  font-style: italic;
  font-weight: 300;
  font-size: 1.6rem;
  margin: 0 1.5rem 0 .8rem;
  padding: 0
}

.educateFooter {
  font-style: italic;
  font-weight: 300;
  font-size: 1.6rem;
  margin: 0 .8rem 0 2.5rem;
  padding: 0
}

.educateFooter a {
  text-decoration: none
}

@media screen and (min-width: 57.5em) {
  .footerBottom {
    max-height: 6rem
  }

  .forQuestionsFooter {
    margin: 0 .8rem
  }

  .myCopyright {
    margin: 0 .8rem
  }

  .educateFooter {
    margin: 0 .8rem 0 1.5rem
  }
}

.ornamentLine {
  margin: 2.4rem 15%;
  clear: both;
  position: relative
}

.ornamentPosition {
  position: absolute;
  top: -2rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

.hrEighty {
  width: 80%;
  margin: 1rem auto
}

.genPurple {
  color: rgba(127, 42, 132, 0.9)
}

.genAqua {
  color: rgba(13, 158, 171, 0.9)
}

.genBlue {
  color: rgba(26, 79, 255, 0.9)
}

.genRed {
  color: rgba(219, 15, 0, 0.9)
}

.genGreen {
  color: rgba(0, 194, 120, 0.9)
}

.genBrightWhite {
  color: #fff
}

.genMarginTopOne {
  margin-top: 1rem
}

.genMarginTopTwo {
  margin-top: 2rem
}

.genMarginTopThree {
  margin-top: 3rem
}

.genMarginTopFour {
  margin-top: 4rem
}

.genMarBottomOne {
  margin-bottom: 1rem
}

.genMarBottomTwo {
  margin-bottom: 2rem
}

.genMarBottomThree {
  margin-bottom: 3rem
}

.genMarBottomFour {
  margin-bottom: 4rem
}

.genMarginZeroAuto {
  margin: 0 auto
}

.genSideMarginFive {
  margin: 0 5%
}

.genMarLeftTwo {
  margin-left: 2rem
}

.genMarLeftFour {
  margin-left: 4rem
}

.genMarLeftSix {
  margin-left: 6rem
}

.genMarLeftEight {
  margin-left: 8rem
}

.genMarLeftTen {
  margin-left: 10rem
}

.genMarLeftTwelve {
  margin-left: 12rem
}

.genAlignLeft {
  text-align: left
}

.genAlignRight {
  text-align: right
}

.genCenter {
  text-align: center
}

.fontTwelve {
  font-size: 1.2rem
}

.fontFourteen {
  font-size: 1.4rem
}

.fontSixteen {
  font-size: 1.6rem
}

.fontEighteen {
  font-size: 1.8rem
}

.fontTwenty {
  font-size: 2rem
}

.fontTwentyTwo {
  font-size: 2.2rem
}

.fontTwentyFour {
  font-size: 2.4rem
}

.fontThirty {
  font-size: 3rem
}

.fontForty {
  font-size: 4rem
}

.fontFifty {
  font-size: 5rem
}

.fontSixty {
  font-size: 6rem
}

.fontSeventy {
  font-size: 7rem
}

.visibilityHidden {
  visibility: hidden
}

.underLineWithBorder {
  padding-bottom: .2rem;
  border-bottom: 0.1rem solid rgba(37, 42, 45, 0.91)
}

.genUppercase {
  text-transform: uppercase
}

.redTxt {
  color: #ff0004
}

.borderRadiusForty {
  border-radius: 4rem
}

.group {
  zoom: 1
}

.group::before,
.group::after {
  content: " ";
  display: table
}

.group::after {
  clear: both
}

.webVidMedContainer {
  max-width: 80rem;
  margin: 2rem auto
}

.midVidContentWebinar {
  margin: 2rem auto;
  min-width: 24rem;
  width: 100%;
  padding-bottom: 45.55%;
  height: 0;
  position: relative
}

.midVidContentWebinarFifty {
  margin: 2rem auto;
  max-width: 80rem;
  min-width: 24rem;
  width: 100%;
  padding-bottom: 50%;
  height: 0;
  position: relative
}

.midVidContentWebMed {
  margin: 2rem auto;
  min-width: 24rem;
  width: 100%;
  padding-bottom: 53.3%;
  height: 0;
  position: relative
}

.midVidContentWebTall {
  margin: 2rem auto;
  min-width: 24rem;
  width: 100%;
  padding-bottom: 56.22%;
  height: 0;
  position: relative
}

.midVidContainerWebinar {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0
}

.webinarVidListHead {
  font-size: 2.2rem;
  margin: 3rem 0 1.2rem
}

.webinarVideoList {
  text-align: left;
  margin: 2rem 1rem 2rem 2rem
}

.webinarVideoList li {
  margin: .4rem 0;
  font-size: 1.8rem;
  line-height: 1.5
}

.webinarVideoList li a {
  padding: .8rem 0;
  display: inline-block;
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  text-decoration: none;
  border-radius: .5rem;
  transition: -webkit-transform 200ms ease-in-out, transform 200ms ease-in-out, padding 200ms ease-in-out, background-color 200ms ease-in-out, color 200ms ease-in-out, border-radius 200ms ease-in-out
}

.webinarVideoList li a:hover,
.webinarVideoList li a:focus,
.webinarVideoList li a:active {
  -webkit-transform: scale(1.02, 1);
  transform: scale(1.02, 1);
  background-color: rgba(45, 134, 169, 0.7);
  color: rgba(245, 255, 253, 0.96);
  border-radius: 1rem
}

@media screen and (min-width: 37.5em) {
  .webinarVidListHead {
    font-size: 2.4rem;
    margin: 3rem 1rem 1.2rem 4rem
  }

  .webinarVideoList {
    margin: 2rem 8rem
  }

  .webinarVideoList li {
    font-size: 2rem
  }

  .webinarVideoList li a {
    padding: 1.4rem 0
  }
}

.eventsHead {
  font-weight: bold;
  font-size: 2.4rem;
  line-height: 1.5;
  margin: 1.4rem 1.6rem 2.4rem 1.6rem
}

.eventsSubHead {
  font-weight: bold;
  font-size: 2.6rem;
  line-height: 1.5;
  margin: 1.6rem 2.4rem
}

.eventsMainTxt {
  font-size: 1.8rem;
  line-height: 1.5;
  margin: 1.4rem 1.6rem
}

.eventsMainTxtSub {
  font-size: 1.8rem;
  line-height: 1.5;
  margin: 1.2rem 1.8rem 1.6rem 2.2rem
}

.eventsMainTxtSubIn {
  font-size: 1.8rem;
  line-height: 1.5;
  margin: 1.2rem 1.8rem 1.6rem 2.6rem
}

.eventsMainTxt a,
.eventsMainTxtSub a,
.eventsMainTxtSubIn a {
  color: #336499;
  text-decoration: none
}

.eventsMainTxt a:hover,
.eventsMainTxtSub a:hover,
.eventsMainTxtSubIn a:hover {
  color: #ababab;
  transition: color 300ms
}

@media screen and (min-width: 50em) {
  .eventsHead {
    margin: 1.4rem 6rem 2.4rem;
    font-size: 3rem
  }

  .eventsSubHead {
    margin: 1.4rem 7rem
  }

  .eventsMainTxt {
    margin: 1.4rem 8rem
  }

  .eventsMainTxtSub {
    margin: 1.2rem 8rem 1.6rem 10rem
  }

  .eventsMainTxtSubIn {
    margin: 1.2rem 8rem 1.6rem 12rem
  }
}

.membersHeadCenter {
  font-weight: bold;
  font-size: 2.6rem;
  line-height: 1.5;
  margin: 0 1.2rem 2rem;
  text-align: center
}

.membersHead {
  font-weight: bold;
  font-size: 2.4rem;
  line-height: 1.5;
  margin: 0 1.2rem 2rem
}

.membersSubHead {
  font-weight: bold;
  font-size: 2.2rem;
  line-height: 1.5;
  margin: 1.6rem 1.2rem
}

.membersPageSubHead {
  font-weight: bold;
  font-size: 2rem;
  line-height: 1.5;
  margin: 1.6rem 1.2rem
}

.membersMainTxt {
  font-size: 1.8rem;
  line-height: 1.5;
  margin: 1.5rem 1.4rem
}

.membersPageTxt {
  font-size: 1.8rem;
  line-height: 1.5;
  margin: 1.4rem 1.6rem
}

.membersPageSubTxt {
  font-size: 1.8rem;
  line-height: 1.5;
  margin: 1.4rem 2.0rem
}

.membersMainTxtSub {
  font-size: 1.8rem;
  line-height: 1.5;
  margin: 1.2rem 1.8rem 1.6rem 2.2rem
}

.membersMainTxtSubIn {
  font-size: 1.8rem;
  line-height: 1.5;
  margin: 1.2rem 1.8rem 1.6rem 2.6rem
}

.membersMainTxt a,
.membersMainTxtSub a,
.membersMainTxtSubIn a {
  color: #336499;
  text-decoration: none
}

.membersMainTxt a:hover,
.membersMainTxtSub a:hover,
.membersMainTxtSubIn a:hover {
  color: #ababab;
  transition: color 300ms
}

.membersPageTxt a,
.membersPageSubTxt a {
  display: inline-block;
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  text-decoration: none;
  padding: .3rem;
  border-radius: .5rem;
  transition: -webkit-transform 200ms ease-in-out, transform 200ms ease-in-out, padding 200ms ease-in-out, background-color 200ms ease-in-out, color 200ms ease-in-out, border-radius 200ms ease-in-out
}

.membersPageTxt:hover a,
.membersPageTxt:focus a,
.membersPageTxt:active a,
.membersPageSubTxt:hover a,
.membersPageSubTxt:focus a,
.membersPageSubTxt:active a {
  -webkit-transform: scale(1.02, 1);
  transform: scale(1.02, 1);
  background-color: rgba(45, 134, 169, 0.7);
  color: rgba(245, 255, 253, 0.96);
  border-radius: 1rem
}

@media screen and (min-width: 46.25em) {
  .membersSubHead {
    font-weight: bold;
    font-size: 2.2rem;
    line-height: 1.5;
    margin: 2rem 8rem
  }

  .membersMainTxt {
    font-size: 1.8rem;
    line-height: 1.5;
    margin: 1.5rem 10rem
  }

  .membersPageSubTxt {
    margin: 1.4rem 12rem
  }
}

.membersHead {
  font-weight: bold;
  font-size: 2.4rem;
  line-height: 1.5;
  margin: 1.4rem 1.6rem 2.4rem 1.6rem
}

@media screen and (min-width: 50em) {
  .membersHead {
    margin: 1.4rem 6rem 2.4rem;
    font-size: 3rem
  }

  .membersPageSubHead {
    font-size: 2.4rem;
    margin: 1.4rem 7rem
  }

  .membersPageTxt {
    margin: 1.4rem 9rem
  }

  .membersPageSubTxt {
    margin: 1.4rem 12rem
  }

  .membersMainTxtSub {
    margin: 1.2rem 4rem 1.6rem 4.8rem
  }

  .membersMainTxtSubIn {
    margin: 1.2rem 4rem 1.6rem 6.4rem
  }
}

.scheduleHead {
  font-weight: bold;
  font-size: 3rem;
  line-height: 1.5;
  margin: 1rem 1rem 2rem 1rem
}

.scheduleSubHead {
  font-weight: bold;
  font-size: 2.2rem;
  line-height: 1.5;
  margin: 0 1.2rem 1.2rem 1.2rem
}

.scheduleMainTxt {
  font-size: 2rem;
  line-height: 1.5;
  margin: 2rem 1.2rem 1.2rem 1.2rem
}

.scheduleMainTxtSub {
  font-size: 1.8rem;
  line-height: 1.5;
  margin: 1.2rem 1.6rem 1.2rem 1.6rem
}

.scheduleMainTxtSubIn {
  font-size: 1.8rem;
  line-height: 1.5;
  margin: 1.8rem 2rem 2rem 2rem
}

@media screen and (min-width: 46.25em) {
  .scheduleHead {
    margin: 1rem 2rem 2rem 2rem
  }

  .scheduleSubHead {
    margin: 0 3rem 1.2rem 3rem
  }

  .scheduleMainTxt {
    margin: 2rem 3rem 1.2rem 3rem
  }

  .scheduleMainTxtSub {
    margin: 1.2rem 4rem 1.2rem 5rem
  }

  .scheduleMainTxtSubIn {
    margin: 1.8rem 4rem 2rem 6rem
  }
}

.genMarginBigTxtTop {
  margin: 1.2rem 2rem 3rem 1rem
}

.genMarginBigTxtTitle {
  margin: 2rem 1.6rem 1.2rem;
  text-align: center
}

.genMarginSubTitle {
  margin: 1.2rem 1.6rem 2rem;
  text-align: center
}

.genStackFirst {
  margin: 2rem 1.5rem .8rem 2rem;
  padding: 0 .5rem
}

.genStackMiddle {
  margin: .8rem 1.5rem .8rem 2rem;
  padding: 0 .5rem
}

.genStackLast {
  margin: .8rem 1.5rem 2.5rem 2rem;
  padding: 0 .5rem
}

.genBorderRadImg {
  max-width: 96%;
  border-radius: 4rem;
  overflow: hidden;
  margin: 4% auto
}

.genExclaimBox {
  max-width: 92%;
  margin: 5% auto;
  text-align: center;
  background-color: rgba(91, 17, 95, 0.7);
  border: 0.5rem solid #daeaec;
  color: rgba(255, 255, 255, 0.9);
  border-radius: 3rem;
  text-shadow: 0.2rem 0.2rem 0.3rem rgba(149, 131, 131, 0.5);
  box-shadow: 0.2rem 0.2rem 0.3rem rgba(149, 131, 131, 0.7);
  padding: .3rem .7rem .7rem
}

@media screen and (min-width: 40em) {
  .genImgCircle {
    align-self: center
  }

  .genImgCircleInfinity {
    align-self: center
  }

  .genStackFirst {
    margin-left: 10rem
  }

  .genStackMiddle {
    margin-left: 10rem
  }

  .genStackLast {
    margin-left: 10rem
  }

  .genMarginBigTxtTitle {
    margin-top: 0
  }

  .genExclaimBox {
    max-width: 80%
  }
}

.genTestimonialTxt {
  margin: 2%
}

.testItemFour {
  display: block
}

.testItemThree {
  display: block
}

.testItemTwo {
  display: block
}

.itemOnePic {
  max-width: 96%;
  margin: 1rem auto
}

.itemTwoTxt {
  max-width: 98%;
  margin: 1rem auto
}

.itemThreeTxt {
  max-width: 98%;
  margin: 1rem auto
}

.itemFourPic {
  max-width: 33%;
  margin: 1rem auto
}

.itemFourPic img {
  border-radius: 2rem
}

.itemFivePic {
  max-width: 35%;
  margin: 1rem auto
}

.itemSixTxt {
  max-width: 98%;
  margin: 1rem auto
}

.itemSevenPic {
  max-width: 30%;
  margin: 1rem auto
}

.itemEightPic {
  max-width: 30%;
  margin: 1rem auto
}

.itemNineTxt {
  max-width: 98%;
  margin: 1rem auto
}

.itemTenTxt {
  max-width: 98%;
  margin: 1rem auto
}

.itemElevenPic {
  max-width: 94%;
  margin: 1rem auto
}

.itemTwentyTwoTxt {
  max-width: 98%;
  margin: 1rem auto
}

.itemTwentyOnePic {
  max-width: 94%;
  margin: 1rem auto
}

.itemTwentyFourPic {
  max-width: 94%;
  margin: 1rem auto
}

.itemTwentyFiveTxt {
  max-width: 98%;
  margin: 1rem auto
}

.itemTwentyFivePic {
  max-width: 60%;
  margin: 1rem auto
}

.itemTwentySevenPic {
  max-width: 60%;
  margin: 1rem auto
}

.itemTwentyEightPic {
  max-width: 94%;
  margin: 1rem auto
}

@media screen and (min-width: 50em) {
  .testItemFour {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 30%;
    grid-auto-rows: auto;
    grid-template-areas: "kateBeforeAfter kateBeforeAfter firstTxt firstTxt""secondTxt secondTxt secondTxt kateZiplining";
    grid-gap: 1rem
  }

  .itemOnePic {
    grid-area: kateBeforeAfter;
    margin: 0 0 0 2rem;
    align-self: center
  }

  .itemTwoTxt {
    grid-area: firstTxt;
    margin: 0 5% 0 0
  }

  .itemThreeTxt {
    grid-area: secondTxt;
    margin: 0 0 0 10%;
    align-self: center
  }

  .itemFourPic {
    grid-area: kateZiplining;
    align-self: start;
    justify-self: start;
    margin: 0;
    max-width: 44%
  }

  .testItemThree {
    display: grid;
    grid-template-columns: 1fr 3fr 1fr;
    grid-auto-rows: auto;
    grid-template-areas: "judyAfterSide judyOnlyTxt judyAfterBack";
    grid-gap: 1rem
  }

  .itemFivePic {
    grid-area: judyAfterSide;
    align-self: center;
    max-width: 100%;
    justify-self: end;
    margin: 0 0 0 2rem
  }

  .itemSixTxt {
    grid-area: judyOnlyTxt;
    margin: 0
  }

  .itemSevenPic {
    grid-area: judyAfterBack;
    align-self: center;
    justify-self: start;
    max-width: 100%;
    padding-right: 15%
  }

  .testItemTwoOne {
    display: grid;
    grid-template-columns: 1fr 4fr;
    grid-auto-rows: auto;
    grid-template-areas: "lynnFrontPic lynnOnlyTxt";
    grid-gap: 1rem;
    padding-right: 12%;
    padding-left: 12%
  }

  .itemEightPic {
    grid-area: lynnFrontPic;
    margin: 0;
    justify-self: end;
    padding-left: 17%;
    padding-right: 4%;
    max-width: 100%
  }

  .itemNineTxt {
    grid-area: lynnOnlyTxt;
    margin: 0;
    align-self: start
  }

  .testItemTwo {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: auto;
    grid-template-areas: "kimOnlyTx kimProgressPic";
    grid-gap: 1rem;
    padding: 0%
  }

  .itemTenTxt {
    grid-area: kimOnlyTx;
    margin: 0;
    padding-left: 0%;
    padding-right: 0%;
    max-width: 100%
  }

  .itemElevenPic {
    grid-area: kimProgressPic;
    margin: 0;
    max-width: 100%;
    align-self: center;
    justify-self: start
  }

  .testItemTwenty {
    display: grid;
    grid-template-columns: minmax(auto, 34rem) 1fr;
    grid-auto-rows: auto;
    grid-template-areas: "barbaraBack barbaraOnlyTxt""barbaraFront barbaraOnlyTxt";
    grid-gap: 1rem
  }

  .itemTwentyTwoTxt {
    grid-area: barbaraOnlyTxt;
    padding-top: 3rem;
    padding-right: 2rem
  }

  .itemTwentyOnePic {
    grid-area: barbaraBack;
    padding-left: 4rem
  }

  .itemTwentyFourPic {
    grid-area: barbaraFront;
    padding-left: 2rem
  }

  .testItemTwentyThree {
    display: grid;
    grid-template-columns: 1fr minmax(auto, 30rem);
    grid-auto-rows: auto;
    grid-template-areas: "filomenaOnlyTxt filomenaSide""filomenaOnlyTxt filomenaDress""filomenaShip filomenaShip";
    grid-gap: 3rem
  }

  .itemTwentyFiveTxt {
    grid-area: filomenaOnlyTxt;
    padding-top: 5rem;
    padding-left: 6rem
  }

  .itemTwentyFivePic {
    grid-area: filomenaSide;
    padding-right: 5rem;
    max-width: 100%
  }

  .itemTwentySevenPic {
    grid-area: filomenaDress;
    padding-right: 7rem;
    max-width: 100%
  }

  .itemTwentyEightPic {
    grid-area: filomenaShip;
    max-width: 80%;
    justify-self: center
  }
}

.bcPicContainerOne {
  display: block
}

.bcPicOne {
  max-width: 96%;
  margin: 1rem auto
}

.bcPicTwo {
  max-width: 96%;
  margin: 1rem auto
}

.bcPicThree {
  max-width: 96%;
  margin: 1rem auto
}

.bcPicOne img {
  border-radius: 2rem
}

.bcPicTwo img {
  border-radius: 2rem
}

.bcPicThree img {
  border-radius: 2rem
}

@media screen and (min-width: 50em) {
  .bcPicContainerOne {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-rows: auto;
    grid-template-areas: "bcOnePic bcTwoPic bcThreePic";
    grid-gap: 1rem
  }

  .bcPicOne {
    grid-area: bcOnePic;
    margin: 0 0 0 2rem;
    align-self: center
  }

  .bcPicTwo {
    grid-area: bcTwoPic;
    margin: 0 0 0 2rem;
    align-self: center
  }

  .bcPicThree {
    grid-area: bcThreePic;
    margin: 0 0 0 2rem;
    align-self: center
  }
}

.midTopConsultContent {
  margin: 2rem 0 2rem;
  position: relative
}

.midTopConsultTxt {
  font-size: 2.4rem;
  line-height: 1.3;
  margin: 1.2rem
}

.midSubConsultTxt {
  text-align: left;
  clear: both;
  font-size: 2rem;
  line-height: 1.5;
  margin: 1.4rem 1.6rem
}

.midSubConsultSmTxt {
  text-align: left;
  clear: both;
  font-size: 1.8rem;
  line-height: 1.5;
  margin: 1.4rem 1.6rem 2.4rem 2.4rem
}

@media screen and (min-width: 46.25em) {
  .midTopConsultTxt {
    margin: 2rem
  }

  .midSubConsultTxt {
    margin: 1.6rem 8rem
  }

  .midSubConsultSmTxt {
    margin: 2rem 12rem
  }
}

.locationSubHeadTop {
  font-size: 2rem;
  line-height: 1.5;
  margin: 2rem 1rem 0
}

.locationNegTopMar {
  margin-top: -5.6rem
}

.btnLocationDirections {
  margin: 0 auto;
  text-align: center;
  font-size: 1.8rem;
  line-height: 1.5;
  padding: 1% 0 3%
}

.midTopContentRecipe {
  margin: 2rem;
  max-width: 92%
}

.recipeHeadline {
  font-size: 2.4rem;
  line-height: 3.2rem;
  margin: 2rem 1.2rem 1.2rem
}

.recipeMainHead {
  font-size: 2.4rem;
  line-height: 1.5;
  margin: 2rem 1.2rem
}

.recipeHeadLargeCenter {
  font-weight: bold;
  font-size: 3rem;
  line-height: 1.5;
  text-align: center;
  margin: 0 2% 3% 2%
}

.recipeMainTxtSubIn {
  font-size: 1.8rem;
  line-height: 1.5;
  margin: 1.6rem 1.2rem
}

.recipeMainTxtSubIn a {
  display: inline-block;
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  text-decoration: none;
  padding: .3rem;
  border-radius: .5rem;
  transition: -webkit-transform 200ms ease-in-out, transform 200ms ease-in-out, padding 200ms ease-in-out, background-color 200ms ease-in-out, color 200ms ease-in-out, border-radius 200ms ease-in-out
}

.recipeMainTxtSubIn:hover a,
.recipeMainTxtSubIn:focus a,
.recipeMainTxtSubIn:active a {
  -webkit-transform: scale(1.02, 1);
  transform: scale(1.02, 1);
  background-color: rgba(45, 134, 169, 0.7);
  color: rgba(245, 255, 253, 0.96);
  border-radius: 1rem
}

.recipeMainTxt {
  font-size: 1.8rem;
  line-height: 1.5;
  margin: 1.4rem 1.2rem
}

.recipeMainIndentTxt {
  font-size: 1.8rem;
  line-height: 1.5;
  margin: 1.6rem 1.4rem;
  text-indent: 2rem
}

.midRecipeBorderTxt {
  font-size: 2.2rem;
  line-height: 1.5;
  margin: 1.4rem;
  text-align: center;
  border: solid 0.3rem #949494;
  border-radius: 2rem;
  padding: 1.2rem
}

.imgMorningBlend {
  display: block;
  margin: 2rem auto 1.2rem;
  max-width: 94%;
  border-radius: 2rem;
  box-shadow: 0 0.5rem 1rem rgba(140, 140, 140, 0.38)
}

.imgCookieRecipe {
  max-width: 80%;
  display: block;
  margin: 2rem auto;
  border-radius: 2rem;
  box-shadow: 0 0.5rem 1rem rgba(140, 140, 140, 0.38)
}

.recipeImgCenter {
  display: block;
  width: 90%;
  margin: 2% auto;
  border-radius: 2rem;
  overflow: hidden
}

@media screen and (min-width: 37.5em) {
  .midTopContentRecipe {
    margin: 2rem 1rem;
    max-width: 98%
  }

  .recipeMainHead {
    font-size: 3rem;
    margin: 2rem 4rem
  }

  .recipeHeadline {
    font-size: 3rem;
    line-height: 4.2rem;
    margin: 2rem 6rem 1.2rem
  }

  .imgMorningBlend {
    max-width: 70%;
    margin: 2rem auto 1.2rem
  }

  .midRecipeBorderTxt {
    margin: 1.5% 10% 1.5%
  }

  .recipeMainTxt {
    margin: 1.6rem 8rem
  }

  .recipeMainTxtSubIn {
    margin: 1.6rem 6rem 1.6rem 10rem
  }

  .recipeMainIndentTxt {
    margin: 1.6rem 8rem
  }

  .recipeImgCenter {
    max-width: 60%
  }
}

.mealsHead {
  font-size: 3.2rem;
  line-height: 1.5;
  margin: 0 2% 2% 2%
}

.mealsSubHead {
  font-weight: bold;
  font-size: 2.8rem;
  line-height: 1.5;
  margin: 0 3% 2% 4%
}

.mealsMainTxt {
  font-size: 1.8rem;
  line-height: 1.5;
  margin: 0 4% 1.5% 4%
}

.mealsLargerOutdentHead {
  font-weight: bold;
  font-size: 2.2rem;
  line-height: 1.5;
  margin: 2% 5% 1% 3%
}

.mealsLargerOutdentTxt {
  font-size: 2.2rem;
  line-height: 1.5;
  margin: 1% 5% 2% 7%;
  text-indent: -3%
}

.mealsMainLargerTxt {
  font-size: 2.2rem;
  line-height: 1.5;
  margin: 0 4% 1.5% 4%
}

.mealsFiftyCenterImg {
  width: 100%
}

.mealsFiftySixImg {
  width: 100%;
  margin-bottom: 2%
}

.mealsFortyTwoImg {
  width: 100%;
  margin-bottom: 2%
}

.mealsOtbLogoTxt {
  margin: 0 4% 1.5% 4%
}

.mealsOtbLogoTxt p {
  font-size: 1.8rem;
  line-height: 1.5
}

.mealsOtbLogo {
  width: 100%;
  display: block
}

.mealsOtbLogo img {
  width: 100%;
  max-width: 30rem
}

.mealsOtbLogoContainer {
  position: relative;
  width: 100%;
  margin: 2% auto
}

@media screen and (min-width: 37.5em) {
  .mealsFiftySixImg {
    width: 56.5%;
    margin-right: 1%
  }

  .mealsFortyTwoImg {
    width: 42.5%
  }

  .mealsFiftyCenterImg {
    width: 50%;
    margin: 2% 0
  }

  .mealsOtbLogoTxt {
    position: absolute;
    width: 29%;
    top: 3rem
  }

  .mealsOtbLogo {
    width: 70%;
    display: inline-block;
    margin-left: 28%
  }

  .mealsOtbLogoContainer {
    position: relative;
    width: 100%;
    margin: 2% auto
  }
}

.successAddHead {
  font-size: 2rem;
  line-height: 1.5;
  margin: 2.4rem 1rem 1.2rem 1rem
}

.successAddSubHead {
  font-size: 1.8rem;
  line-height: 1.5;
  margin: 2rem 1rem 1.2rem 1.2rem
}

.successAddMainTxt {
  font-size: 1.8rem;
  line-height: 1.5;
  margin: 1.2rem 1.2rem 1.4rem 3rem
}

.midTopContentSuccess {
  margin: 1.2rem auto;
  width: 100%;
  text-align: left;
  position: relative
}

.successHeadline {
  font-weight: bold;
  font-size: 2.4rem;
  line-height: 3rem;
  margin: 1rem 0 0;
  text-align: center
}

@media screen and (min-width: 37.5em) {
  .successHeadline {
    font-size: 3rem;
    line-height: 4.2rem;
    margin: 1rem 0
  }

  .successAddHead {
    font-size: 2rem;
    margin: 2rem 2rem 1.2rem 8rem
  }

  .successAddSubHead {
    font-size: 2rem;
    margin: 1.2rem 5rem 1.2rem 11rem
  }

  .successAddMainTxt {
    margin: 1.2rem 8rem 1.2rem 14rem
  }
}

.orientationDropEx {
  max-width: 60rem;
  margin: 2% auto
}

.orientationDropExTwo {
  max-width: 28rem;
  margin: 2% auto
}

.bodyScanDropEx {
  max-width: 70rem;
  margin: 2% auto
}

.bodyScanBookNow {
  max-width: 36rem;
  margin: 2% auto
}

.bodyScanScrollPic {
  max-width: 50rem;
  margin: 2% auto
}

.bodyScanExOne {
  width: 96%;
  margin: 2% auto
}

.bodyScanSubHead {
  font-weight: bold;
  font-size: 1.875emrem;
  line-height: 1.5;
  margin: 1.8rem 1.8rem .8rem
}

.bodyScanExTwo {
  width: 96%;
  margin: 2% auto
}

@media screen and (min-width: 37.5em) {
  .bodyScanExOne {
    width: 32%;
    margin: 2% auto;
    display: inline-block
  }

  .bodyScanExTwo {
    width: 64%;
    margin: 2% auto;
    display: inline-block
  }
}

.twoColList {
  font-size: 1.8rem;
  line-height: 1.5;
  margin: 1.6rem;
  width: 100%;
  box-sizing: border-box
}

.twoColListOne {
  width: 100%;
  margin: 1.6rem 1.4rem 0
}

.twoColListTwo {
  width: 97%;
  margin: 0rem 1.4rem 1.6rem
}

@media screen and (min-width: 42.5em) {
  .twoColListOne {
    width: 30%;
    text-align: right;
    display: inline-block;
    vertical-align: top;
    padding-right: 1.2rem;
    margin-top: 0
  }

  .twoColListTwo {
    width: 50%;
    margin-left: 0;
    display: inline-block
  }

  .twoColList {
    margin: 1% 5% 1% 8%;
    width: 98%
  }

  .bodyScanSubHead {
    font-size: 2.4rem;
    margin: 1.6rem 7rem
  }
}

.confHead {
  font-weight: bold;
  font-size: 3rem;
  line-height: 1.5;
  text-align: center;
  margin: 0 2% 3% 2%
}

.confMainTxt {
  font-weight: bold;
  font-size: 2rem;
  line-height: 1.5;
  margin: 0 4% 2% 4%;
  text-align: center
}

.confMainTxtSubIn {
  font-size: 2.2rem;
  line-height: 1.5;
  margin: 2% 5% 2% 8%;
  text-align: center
}

.bootcamp14DayRight {
  margin: 2.27% 3% 2%;
  width: 90%;
  min-width: 20rem;
  text-align: center
}

.bootcamp14DayRight a {
  display: block;
  background: url("/images/14day/bootcamp_14day_learn_more.jpg") no-repeat 0 0;
  background-size: 200%;
  padding-bottom: 125%;
  width: 100%
}

.bootcamp14DayRight a:hover {
  background-position: 100% 0
}

.stf14DayLeft {
  margin: 2.27% 3% 2%;
  width: 90%;
  min-width: 20rem;
  text-align: center
}

.stf14DayLeft a {
  display: block;
  background: url("/images/14day/stf_14day_learn_more.jpg") no-repeat 0 0;
  background-size: 200%;
  padding-bottom: 125%;
  width: 100%
}

.stf14DayLeft a:hover {
  background-position: 100% 0
}

.presentImgAbsolute {
  position: absolute;
  left: -2%;
  top: 10%;
  width: 20%;
  max-width: 12rem;
  z-index: 0
}

.midTop14dayContent {
  margin: 2% auto;
  position: relative
}

.midSub14DayTxt {
  font-size: 2rem;
  line-height: 1.5;
  margin: 4% 5% 1%;
  text-align: center
}

.img14DayCenter {
  width: 90%;
  margin: 2% auto;
  border-radius: 2rem;
  overflow: hidden
}

.imageRightTop {
  display: inline-block;
  width: 40%;
  margin: 2% 3%
}

.imgFourteenDayBurn {
  display: block;
  margin: 3% auto;
  width: 65%;
  max-width: 36rem
}

.img14DayLeftTop {
  margin: 3% auto;
  width: 90%;
  max-width: 36rem
}

.img14DayRightTop {
  margin: 3% auto;
  width: 90%;
  max-width: 28rem
}

.head14DayLargeCenter {
  font-weight: bold;
  font-size: 3.2rem;
  line-height: 1.5;
  text-align: center;
  margin: 3% 1% 2% 1%;
  z-index: 1
}

@media screen and (min-width: 37.5em) {
  .bootcamp14DayRight {
    margin: 2.27% 1% 2%;
    width: 45.45%;
    min-width: 24rem;
    display: inline-block
  }

  .stf14DayLeft {
    margin: 2.27% 1% 2%;
    width: 45.45%;
    min-width: 24rem;
    display: inline-block
  }

  .midSub14DayTxt {
    margin: 1.5% 16% 1%
  }

  .imgFourteenDayBurn {
    display: inline-block;
    float: left;
    max-width: 25%;
    margin: 4% 2% 5% 4%
  }

  .img14DayLeftTop {
    display: inline-block;
    width: 42%;
    margin: 4% 2% 5% 10%
  }

  .img14DayRightTop {
    display: inline-block;
    width: 33%;
    margin: 3% 10% 3% 2%
  }

  .head14DayLargeCenter {
    font-size: 3.6rem;
    margin: 4% 2% 2% 2%
  }
}

.midTopSubDayTxt {
  font-size: 2.4rem;
  margin: 2% 4%
}

.twentyOneBtnContainer {
  margin: 2rem 0;
  width: 100%
}

.imageLeftTop {
  display: inline-block;
  width: 40%;
  margin: 3rem 2rem 1rem 2rem
}

.headlinerMothersDayMain {
  margin: 0 0 2.27%;
  width: 100%
}

.headlineMothersDayImg {
  padding-bottom: 21.56%;
  background-image: url("/giftformom/content/pics/mothers_day_roses.jpg");
  background-size: cover;
  background-position: center
}

.mainMothersDayRight {
  margin: 2rem 1.2rem;
  width: 90%;
  min-width: 20rem;
  position: relative;
  align-self: center
}

.mainMothersDayLeft {
  margin: 2rem 1.2rem;
  width: 90%;
  min-width: 20rem;
  flex: 1 0 20rem;
  position: relative;
  align-self: flex-start
}

@media screen and (min-width: 35em) {
  .mainMothersDayRight {
    width: 45.45%;
    min-width: 24rem
  }

  .mainMothersDayLeft {
    width: 45.45%;
    min-width: 24rem
  }
}

.recipeHeadTopRed {
  color: #C30;
  font-size: 3rem;
  line-height: 1.4;
  text-align: center;
  margin: 1rem 1.4rem 2rem
}

.recipeGenOptTxt {
  font-size: 1.8rem;
  line-height: 1.5;
  margin: 1.4rem 1.2rem
}

@media screen and (min-width: 46.25em) {
  .recipeGenOptTxt {
    margin: 1.4rem 7rem
  }

  .recipeHeadTopRed {
    font-size: 4rem;
    line-height: 1.6;
    margin: 1rem 8rem 2rem
  }
}

.consultHeadMain {
  font-style: italic;
  font-weight: bold;
  font-size: 3rem;
  text-align: left;
  margin: 1.6rem 3.2rem;
  letter-spacing: -.2rem
}

.consultQuestionsMain {
  font-size: 1.8rem;
  margin: 1rem;
  padding-bottom: 4rem
}

.consultQuestSubHead {
  font-weight: bold;
  font-size: 2.4rem;
  line-height: 1.5;
  margin: 2.2rem 1.6rem;
  text-align: center
}

.consultTxtMain {
  font-size: 1.8rem;
  margin: 1.4rem 1.4rem
}

.listConsultQuest {
  text-align: left;
  margin: 1rem 2rem 2rem 3.2rem;
  list-style-image: url("/images/icons/ul_circle.png")
}

.listConsultQuest li {
  font-size: 1.8rem;
  line-height: 1.5;
  margin: 1rem;
  text-indent: -1rem
}

.subListConsultQuest {
  text-align: left;
  margin: -1rem .8rem 2rem;
  list-style-image: url("/images/icons/sub_ul_circle.png")
}

.subListConsultQuest li {
  font-size: 1.6rem;
  line-height: 1.5;
  margin: 1.6rem;
  text-indent: -1rem
}

.survey_headline_2 {
  text-indent: 0;
  font-size: 2rem;
  line-height: 1.5;
  letter-spacing: .1rem;
  margin: 4rem 4rem 1rem
}

.mem_questions_2 {
  text-align: left;
  margin: 4rem 18% 0;
  line-height: 1.5;
  text-indent: 2rem
}

@media screen and (min-width: 37.5em) {
  .listConsultQuest {
    text-align: left;
    margin: 1rem 12rem 2rem
  }

  .subListConsultQuest {
    text-align: left;
    margin: -1rem 1rem 2rem 5%
  }

  .consultHeadMain {
    margin: 1.6rem 7rem
  }

  .consultTxtMain {
    margin: 1.6rem 10rem 1.4rem 5rem
  }
}

.genStudioTxt {
  margin: 1.5rem
}

.genStudioTxt a {
  text-decoration: none;
  padding: .3rem;
  border-radius: .5rem;
  transition: padding 200ms ease-in-out, background-color 200ms ease-in-out, color 200ms ease-in-out, border-radius 200ms ease-in-out
}

.genStudioTxt a:hover,
.genStudioTxt a:focus,
.genStudioTxt a:active {
  background-color: rgba(45, 134, 169, 0.7);
  color: rgba(245, 255, 253, 0.96);
  border-radius: 1rem
}

@media screen and (min-width: 37.5em) {
  .genStudioTxt {
    margin: 1.5rem 10rem
  }
}

@media screen and (min-width: 45em) {
  .genStudioTxt {
    margin: 1.5rem 14rem
  }
}

.educateMainFull {
  width: 100%;
  margin: 1rem auto
}

.educateContainer {
  display: block;
  width: 100%
}

.educateOne {
  display: block
}

.educateTwo {
  display: block
}

.educateThree {
  display: block
}

.educateFour {
  display: block
}

.educateBottom {
  grid-area: educateBottom
}

@media screen and (min-width: 47.5em) {
  .educateContainer {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-rows: auto;
    grid-template-areas: "educateOne educateTwo educateThree educateFour""educateBottom educateBottom educateBottom educateBottom";
    grid-gap: 1rem
  }

  .educateOne {
    grid-area: educateOne
  }

  .educateTwo {
    grid-area: educateTwo
  }

  .educateThree {
    grid-area: educateThree
  }

  .educateFour {
    grid-area: educateFour
  }

  .educateBottom {
    grid-area: educateBottom
  }
}

.membersRecipesMainFull {
  width: 100%;
  margin: 1rem auto
}

.membersRecipesContainer {
  display: block;
  width: 100%
}

.membersRecipesMainTxt {
  margin: 1rem 1.8rem
}

.membersRecipesLabelTxt {
  margin: 1.2rem
}

.membersRecipesOne {
  display: block
}

.membersRecipesTwo {
  display: block
}

.membersRecipesThree {
  display: block
}

.membersRecipesFour {
  display: block
}

.membersRecipesFive {
  display: block
}

.membersRecipesSix {
  display: block
}

.membersRecipesSeven {
  display: block
}

.membersRecipesEight {
  display: block
}

.membersRecipesNine {
  display: block
}

.membersRecipesTen {
  display: block
}

.membersRecipesEleven {
  display: block
}

.membersRecipesTwelve {
  display: block
}

.membersRecipesBottom {
  grid-area: membersRecipesBottom
}

@media screen and (min-width: 47.5em) {
  .membersRecipesContainer {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-rows: auto;
    grid-template-areas: "membersRecipesOne membersRecipesTwo membersRecipesThree""membersRecipesFour membersRecipesFive membersRecipesSix""membersRecipesSeven membersRecipesEight membersRecipesNine""membersRecipesTen membersRecipesEleven membersRecipesTwelve";
    grid-gap: 1rem
  }

  .membersRecipesOne {
    grid-area: membersRecipesOne
  }

  .membersRecipesTwo {
    grid-area: membersRecipesTwo
  }

  .membersRecipesThree {
    grid-area: membersRecipesThree
  }

  .membersRecipesFour {
    grid-area: membersRecipesFour
  }

  .membersRecipesFive {
    grid-area: membersRecipesFive
  }

  .membersRecipesSix {
    grid-area: membersRecipesSix
  }

  .membersRecipesSeven {
    grid-area: membersRecipesSeven
  }

  .membersRecipesEight {
    grid-area: membersRecipesEight
  }

  .membersRecipesNine {
    grid-area: membersRecipesNine
  }

  .membersRecipesTen {
    grid-area: membersRecipesTen
  }

  .membersRecipesEleven {
    grid-area: membersRecipesEleven
  }

  .membersRecipesTwelve {
    grid-area: membersRecipesTwelve
  }
}

.articlesMainFull {
  width: 100%;
  margin: 1rem auto
}

.articlesContainer {
  display: block;
  width: 100%
}

.articlesTitleTxt {
  margin: 2rem 2.2rem 1rem
}

.articlesMainTxt {
  margin: 1rem 1.8rem
}

.articlesSubTitleTxt {
  margin: 1.2rem
}

.articlesOne {
  display: block
}

.articlesTwo {
  display: block;
  text-align: center
}

.articlesThree {
  display: block
}

.articlesFour {
  display: block;
  text-align: center
}

.articlesFive {
  display: block
}

.articlesSix {
  display: block;
  text-align: center
}

.articlesSeven {
  display: block
}

.articlesEight {
  display: block;
  text-align: center
}

.articlesNine {
  display: block
}

.articlesTen {
  display: block;
  text-align: center
}

.articlesEleven {
  display: block
}

.articlesTwelve {
  display: block;
  text-align: center
}

.articlesBottom {
  grid-area: articlesBottom
}

.articlesGenImage {
  margin: 1.5rem 2rem 2.5rem
}

@media screen and (min-width: 47.5em) {
  .articlesContainer {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-rows: auto;
    grid-template-areas: "articlesOne articlesOne articlesTwo""articlesFour articlesThree articlesThree""articlesFive articlesFive articlesSix""articlesEight articlesSeven articlesSeven""articlesNine articlesNine articlesTen""articlesTwelve articlesEleven articlesEleven";
    grid-gap: 1rem
  }

  .articlesOne {
    grid-area: articlesOne
  }

  .articlesTwo {
    grid-area: articlesTwo;
    align-self: center;
    justify-self: center
  }

  .articlesThree {
    grid-area: articlesThree
  }

  .articlesFour {
    grid-area: articlesFour
  }

  .articlesFive {
    grid-area: articlesFive
  }

  .articlesSix {
    grid-area: articlesSix
  }

  .articlesSeven {
    grid-area: articlesSeven
  }

  .articlesEight {
    grid-area: articlesEight
  }

  .articlesNine {
    grid-area: articlesNine
  }

  .articlesTen {
    grid-area: articlesTen
  }

  .articlesEleven {
    grid-area: articlesEleven
  }

  .articlesTwelve {
    grid-area: articlesTwelve
  }
}

@media screen and (max-width:1023px) {
	#sched { 
		height:900px;
	}
}