/*
O - 600px:          Phone
600 - 900px:        Tablet potrait mode
900 - 1200px:        Tablet landscape mode

[1200 - 1800px]     Normal styles apply...the styles when first building the website
1800px + :          Big Screens / Big Desktops

$breakpoint argument choices:
- phone
- tab-port
- tab-land
- big-desktop

ORDER TO DO MEDIA QUERIES: Base + Tyography > General Layout > Grid > Page Layout > Components

1em = 16px

*/
/*
COLORS:

Light green: #7ed56f
Medium green: #55c57a
Dark green: #28b485

*/
@-webkit-keyframes moveInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-10rem);
    transform: translateX(-10rem); }
  80% {
    -webkit-transform: translateX(1rem);
    transform: translateX(1rem); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0);
    transform: translate(0); } }
@keyframes moveInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-10rem);
    transform: translateX(-10rem); }
  80% {
    -webkit-transform: translateX(1rem);
    transform: translateX(1rem); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0);
    transform: translate(0); } }

@-webkit-keyframes moveInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(10rem);
    transform: translateX(10rem); }
  80% {
    -webkit-transform: translateX(-1rem);
    transform: translateX(-1rem); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0);
    transform: translate(0); } }

@keyframes moveInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(10rem);
    transform: translateX(10rem); }
  80% {
    -webkit-transform: translateX(-1rem);
    transform: translateX(-1rem); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0);
    transform: translate(0); } }

@-webkit-keyframes moveInBottom {
  0% {
    opacity: 0;
    -webkit-transform: translateY(3rem);
    transform: translateY(3rem); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0);
    transform: translate(0); } }

@keyframes moveInBottom {
  0% {
    opacity: 0;
    -webkit-transform: translateY(3rem);
    transform: translateY(3rem); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0);
    transform: translate(0); } }

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

html {
  height: 100%;
  font-size: 62.5%;
  /* 1rem = 10px; 10px/16px = 62.5%  */ }
  @media (max-width: 75em) {
    html {
      font-size: 56.25%;
      /* 1rem = 9px; 9px/16px = 56.25%  */ } }
  @media (max-width: 56.25em) {
    html {
      font-size: 60%;
      /* 1rem = 8px; 8px/16px = 50%  */ } }
  @media (min-width: 112.5em) {
    html {
      font-size: 75%;
      /* 1rem = 12px; 12px/16px = 75%  */
      font-size: 90%; } }

body {
  height: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

/* width */
::-webkit-scrollbar {
  width: 0px; }

/* Track */
/* Handle */
::-webkit-scrollbar-thumb {
  background: #009999;
  border-radius: 10px; }

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #008080; }

body {
  /* font-family: Verdana, Geneva, Tahoma, sans-serif; */
  font-family: "Lato", sans-serif;
  font-weight: 400;
  /* font-size: 16px; */
  line-height: 1.7;
  color: #777; }

.heading-primary {
  color: #009999; }
  .heading-primary--main {
    display: block;
    font-size: 1.85rem;
    /*
        animation-delay: 3s;
        animation-iteration-count: 3;
        */ }
    @media (max-width: 87.5em) {
      .heading-primary--main {
        font-size: 1.8rem; } }
    @media (max-width: 84.375em) {
      .heading-primary--main {
        font-size: 1.7rem; } }
    @media (max-width: 81.25em) {
      .heading-primary--main {
        font-size: 1.55rem; } }
    @media (max-width: 68.75em) {
      .heading-primary--main {
        font-size: 1.85rem; } }
  .heading-primary--sub {
    font-size: 2.2rem; }

.emphasize {
  font-style: italic; }

.heading-secondary {
  font-size: 3.5rem;
  text-transform: uppercase;
  font-weight: 700;
  display: inline-block;
  background-image: -webkit-gradient(linear, left top, right top, from(#7ed56f), to(#28b485));
  background-image: -webkit-linear-gradient(left, #7ed56f, #28b485);
  background-image: -o-linear-gradient(left, #7ed56f, #28b485);
  background-image: linear-gradient(to right, #7ed56f, #28b485);
  -webkit-background-clip: text;
  color: transparent;
  letter-spacing: 2px;
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s; }

.heading-tertiary {
  font-size: 1.6rem;
  font-weight: 700;
  text-transform: uppercase; }

.paragraph {
  font-size: 1.6rem; }
  .paragraph:not(:last-child) {
    margin-bottom: 3rem; }

.u-center-text {
  text-align: center !important; }

.u-center-text-div {
  display: inline-block; }

.u-center-left {
  text-align: left !important; }

.u-italicize-text {
  font-style: italic; }

.normal-font {
  font-weight: normal !important; }

.no-margin {
  margin: 0 !important; }

.u-margin-bottom-big {
  margin-bottom: 8rem; }

.u-margin-bottom-medium {
  margin-bottom: 4rem; }

.u-margin-right-medium {
  margin-right: 3rem !important; }

.u-margin-left-medium {
  margin-left: 3rem !important; }

.u-margin-bottom-small {
  margin-bottom: 1.5rem !important; }

.u-margin-bottom-small-1 {
  margin-bottom: 1rem !important; }

.u-margin-bottom-small-2 {
  margin-bottom: 2.5rem !important; }

.u-margin-top-big {
  margin-top: 8rem; }

.u-margin-top-medium {
  margin-top: 4rem; }

.u-margin-top-small {
  margin-top: 1.5rem !important; }

.u-margin-top-small-1 {
  margin-top: 1rem !important; }

.u-margin-top-small-2 {
  margin-top: 2.5rem !important; }

.small-font-p {
  margin-bottom: 2.5rem !important; }
  .small-font-p p {
    font-size: 1.5rem !important; }

.n-tr {
  background-color: #fcfcfc !important; }

.color-blue {
  color: #fff;
  background-color: teal; }

.table-schedules {
  position: relative; }
  .table-schedules td, .table-schedules th {
    padding: 1rem !important; }
  .table-schedules th {
    position: -webkit-sticky;
    position: sticky;
    top: 0; }

.btan {
  font-size: 1.6rem; }
  @media (max-width: 37.5em) {
    .btan {
      font-size: 1.5rem; } }
  @media (max-width: 31.25em) {
    .btan {
      font-size: 1.4rem; } }
  .btan:link, .btan:visited {
    display: inline-block;
    padding: 1rem 3rem;
    text-decoration: none;
    -webkit-transition: background-color 0.2s border 0.2s color 0.2s;
    -o-transition: background-color 0.2s border 0.2s color 0.2s;
    transition: background-color 0.2s border 0.2s color 0.2s; }
    @media (max-width: 37.5em) {
      .btan:link, .btan:visited {
        padding: .5rem 2.5rem; } }
    @media (max-width: 31.25em) {
      .btan:link, .btan:visited {
        padding: .5rem 2rem; } }
  .btan-full:link, .btan-full:visited {
    color: #fff;
    background-color: #008080;
    border: 1px solid #008080;
    margin-right: 1.5rem; }
  .btan-full:hover, .btan-full:active {
    border: 1px solid #009999; }
  .btan-ghost:link, .btan-ghost:visited {
    border: 1px solid #008080;
    color: #008080; }
  .btan-ghost:hover, .btan-ghost:active {
    border: 1px solid #009999;
    color: #fff; }
  .btan:hover, .btan:active {
    background-color: #009999; }

.btn:link, .btn:visited {
  text-transform: uppercase;
  text-decoration: none;
  padding: 1.5rem 4rem;
  display: inline-block;
  border-radius: 10rem;
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
  position: relative;
  font-size: 1.6rem; }

.btn:hover {
  -webkit-transform: translateY(-3px);
  -ms-transform: translateY(-3px);
  transform: translateY(-3px);
  -webkit-box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.2);
  box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.2); }
  .btn:hover::after {
    -webkit-transform: scaleX(1.5) scaleY(1.6);
    -ms-transform: scaleX(1.5) scaleY(1.6);
    transform: scaleX(1.5) scaleY(1.6);
    opacity: 0; }

.btn:active {
  -webkit-transform: translateY(-1px);
  -ms-transform: translateY(-1px);
  transform: translateY(-1px);
  -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.2);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.2); }

.btn--white {
  background-color: #fff;
  color: #777; }
  .btn--white::after {
    background-color: #fff; }

.btn::after {
  content: "";
  display: inline-block;
  height: 100%;
  width: 100%;
  border-radius: 10rem;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  -webkit-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s; }

.btn--animated {
  -webkit-animation: moveInBottom .5s ease-out .75s;
  animation: moveInBottom .5s ease-out .75s;
  -webkit-animation-fill-mode: backwards;
  animation-fill-mode: backwards; }

.btn-text:link, .btn-text:visited {
  font-size: 1.6rem;
  color: teal;
  display: inline-block;
  text-decoration: none;
  border-bottom: 1px solid #008080;
  padding: 3px;
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
  margin-left: 4rem;
  margin-top: 2rem; }

.btn-text:hover {
  background-color: #008080;
  color: #fff;
  -webkit-box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.15);
  box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.15);
  -webkit-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  transform: translateY(-2px); }

.btn-text:active {
  -webkit-box-shadow: 0 1rem 1rem rgba(0, 0, 0, 0.15);
  box-shadow: 0 1rem 1rem rgba(0, 0, 0, 0.15);
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0); }

.bton,
.bton:link,
.bton:visited {
  font-size: 1.6rem;
  padding: 1.4rem 3rem;
  border-radius: 10rem;
  text-transform: uppercase;
  display: inline-block;
  text-decoration: none;
  position: relative;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  font-weight: 400;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  /*Add later when we use this for the button in form*/
  border: none;
  cursor: pointer; }

.bton:hover {
  -webkit-transform: translateY(-3px);
  -ms-transform: translateY(-3px);
  transform: translateY(-3px);
  -webkit-box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.15);
  box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.15); }

.bton:active {
  -webkit-transform: translateY(-1px);
  -ms-transform: translateY(-1px);
  transform: translateY(-1px);
  -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); }

.bton:focus {
  outline: none;
  background-color: #009999; }

.bton--white {
  background-color: #fff;
  color: #777; }

.bton--white::after {
  background-color: #fff; }

.bton--green {
  background-color: teal;
  color: #fff; }

.bton--green::after {
  background-color: teal; }

.login-form {
  margin: 5rem auto;
  max-width: 65rem;
  background-color: #fff;
  -webkit-box-shadow: 0 2.5rem 8rem 2rem rgba(0, 0, 0, 0.06);
  box-shadow: 0 2.5rem 8rem 2rem rgba(0, 0, 0, 0.06);
  padding: 5rem 7rem;
  border-radius: 5px; }

.heading-secondary {
  font-size: 2.25rem;
  text-transform: uppercase;
  font-weight: 700;
  background-image: -webkit-gradient(linear, left top, right top, from(#28b487), to(teal));
  background-image: -webkit-linear-gradient(left, #28b487, teal);
  background-image: -o-linear-gradient(left, #28b487, teal);
  background-image: linear-gradient(to right, #28b487, teal);
  -webkit-background-clip: text;
  color: transparent;
  letter-spacing: 0.1rem;
  line-height: 1.3;
  display: inline-block;
  margin-bottom: 1rem; }

.heading-tertiary {
  font-size: 1.6rem;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 1.5rem; }

.ma-bt-lg {
  margin-bottom: 3.5rem !important; }

.form__group:not(:last-child) {
  margin-bottom: 2.5rem; }

.form__label {
  display: block;
  font-size: 1.6rem;
  font-weight: 700;
  margin-bottom: 0.75rem; }

.form__input {
  display: block;
  font-family: inherit;
  font-size: 1.5rem;
  color: inherit;
  padding: 1.25rem 1.75rem;
  border: none;
  width: 100%;
  background-color: #f2f2f2;
  border-top: 3px solid transparent;
  border-bottom: 3px solid transparent;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* Pseudo element (a visible thing that isn't really in the DOM).
      Also needs -ms- */ }

.form__input:focus {
  outline: none;
  border-bottom: 3px solid #55c57a; }

.form__input:focus:invalid {
  border-bottom: 3px solid #ff7730; }

.form__input::-webkit-input-placeholder {
  color: #bbb; }

textarea {
  resize: vertical; }

.footer {
  background-color: #005050;
  text-align: center;
  font-size: 1.6rem;
  padding: 6rem;
  color: #929292; }
  @media (max-width: 46.875em) {
    .footer {
      padding: 3rem; } }
  .footer p {
    margin-bottom: .3rem; }
  .footer__logo-box {
    text-align: left;
    margin-bottom: 2rem; }
    @media (max-width: 46.875em) {
      .footer__logo-box {
        display: inline-block; } }
  .footer__logo {
    width: 8rem;
    height: auto;
    margin-left: 8rem; }
  .footer__navigation {
    border-top: 1px solid #eee;
    padding-top: 2rem;
    display: inline-block; }
  .footer__list {
    list-style: none;
    float: right; }
    @media (max-width: 46.875em) {
      .footer__list {
        float: none;
        border-top: .7px solid #777;
        padding-top: 2rem; } }
  .footer__item {
    display: inline-block;
    font-size: 3.5rem; }
    .footer__item:not(:last-child) {
      margin-right: 1.5rem; }
  .footer__link:link, .footer__link:visited {
    color: #eeeeee;
    background-color: #005050;
    display: inline-block;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    height: 6.6rem;
    width: 6.6rem;
    border-radius: 50%;
    padding-top: 1.1rem; }
  .footer__link:hover, .footer__link:active {
    -webkit-box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.4);
    box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.4); }
  .footer__link:hover .icon-mail {
    color: teal; }
  .footer__link:hover .icon-fb {
    color: #3b5998; }
  .footer__link:hover .icon-tw {
    color: #00aced; }
  @media (max-width: 46.875em) {
    .footer__copyright p:first-child {
      border-top: .7px solid #777;
      padding-top: 2rem; } }
  @media (max-width: 46.875em) {
    .footer__copyright {
      margin: 0 auto;
      max-width: 50rem;
      padding: 0 3rem; } }
  @media (max-width: 46.875em) {
    .footer__contacts {
      padding: 0 3rem;
      margin: 0 auto;
      max-width: 50rem; } }

.icon-mail,
.icon-fb,
.icon-tw {
  -webkit-transition: color 0.2s;
  -o-transition: color 0.2s;
  transition: color 0.2s; }

.icon-moyo {
  vertical-align: text-bottom;
  color: #ff3030;
  margin: 0 .2rem; }

.para_link:link,
.para_link:visited {
  color: #999;
  -webkit-transition: color 0.2s;
  -o-transition: color 0.2s;
  transition: color 0.2s; }

.para_link:hover,
.para_link:active {
  color: #ccc; }

.hidepara .hide {
  display: table;
  overflow: hidden;
  background-color: #f7f7f7;
  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
  margin-bottom: 2rem; }

.innerpara {
  padding: 2rem; }

.hidepara input[type="checkbox"]:checked + .hide {
  height: 0;
  opacity: 0;
  display: block; }

.faq {
  background-color: #fff;
  padding: 1rem 7rem;
  list-style: none;
  font-size: 1.5rem;
  counter-reset: my-awesome-counter; }
  .faq li {
    counter-increment: my-awesome-counter;
    padding-bottom: 1rem; }
    .faq li::before {
      content: counter(my-awesome-counter) ". ";
      color: teal;
      font-weight: bold;
      padding-right: .5rem; }

.overview-picture {
  background-image: url(../img/overview.jpg); }

.workbook-picture {
  background-image: url(../img/workbook.jpg); }

.feedback-picture {
  background-image: url(../img/feedback.jpg); }

.feature-picture {
  background-image: url(../img/feature.jpg); }

.dreams-picture {
  background-image: url(../img/dreams.jpg); }

.application-picture {
  background-image: url(../img/red.jpg); }

.sample-picture {
  background-image: url(../img/book.jpg); }

.meditation-picture {
  background-image: url(../img/ahead.jpg); }

.workshop-picture {
  background-image: url(../img/beach.jpg); }

.start-picture {
  background-image: url(../img/flower.jpg); }

.faqs-picture {
  background-image: url(../img/kobe.jpg); }

.reasons-picture {
  background-image: url(../img/fish.jpg); }

.faq-picture {
  background-image: url(../img/bloom.jpg); }

.modules-picture {
  background-image: url(../img/mountain.jpg); }

.lifestudy-picture {
  background-image: url(../img/page.jpg); }

.depthcontext-picture {
  background-image: url(../img/coral.jpg); }

.l-integration-picture {
  background-image: url(../img/blur.jpg); }

.l-experience-picture {
  background-image: url(../img/adventure.jpg); }

.contact-picture {
  background-image: url(../img/sunny.jpg); }

.support-picture {
  background-image: url(../img/autumn.jpg); }

.refer-picture {
  background-image: url(../img/trees.jpg); }

.leader-picture {
  background-image: url(../img/beachbeauty.jpg); }

.intro-picture {
  background-image: url(../img/leader.jpg); }

.bground-picture {
  background-image: url(../img/clear.jpg); }

.desc-picture {
  background-image: url(../img/flowers.jpg); }

.staff-picture {
  background-image: url(../img/sun.jpg); }

.join-picture {
  background-image: url(../img/garden.jpg); }

.therapy-picture {
  background-image: url(../img/blossom.jpg); }

.contiedu-picture {
  background-image: url(../img/blue.jpg); }

.therapycredits-picture {
  background-image: url(../img/daylight.jpg); }

.nursing-picture {
  background-image: url(../img/alaska.jpg); }

.nursingbenefits-picture {
  background-image: url(../img/cloudsday.jpg); }

.nursingcredits-picture {
  background-image: url(../img/alpine.jpg); }

.nursingendorse-picture {
  background-image: url(../img/clouds.jpg); }

.nursingarticle-picture {
  background-image: url(../img/cascade.jpg); }

.nursingworkshop-picture {
  background-image: url(../img/beautyblossom.jpg); }

.articles-picture {
  background-image: url(../img/green.jpg); }

hr {
  display: inline-block;
  padding-left: 10rem;
  padding-right: 10rem;
  margin-bottom: 5px;
  border: 0px;
  height: 2px;
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.05)), to(rgba(0, 0, 0, 0.1)));
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.1) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.1) 100%);
  background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.1) 100%); }

.trademark-line {
  display: block;
  padding: 0;
  margin-top: 7rem;
  height: 1px; }

.work-hr {
  padding-left: 5rem;
  padding-right: 5rem; }

.mod-hr {
  padding-left: 1rem;
  padding-right: 1rem; }

.inside-nav-container {
  text-align: center; }

.inside-nav {
  position: relative;
  display: inline-block; }
  .inside-nav li {
    font-size: 1.6rem;
    list-style: none;
    display: inline-block; }
    .inside-nav li a:link, .inside-nav li a:visited {
      text-decoration: none;
      color: teal;
      margin-right: 1rem;
      margin-left: 1rem;
      padding-bottom: 3px;
      border-bottom: 1px solid transparent; }
    .inside-nav li a:hover, .inside-nav li a:active {
      border-bottom: 1px solid teal; }

.vert {
  font-size: 1.6rem; }

.samplereading {
  text-align: center; }
  .samplereading .para-sample ol {
    list-style: none;
    font-size: 1.5rem;
    counter-reset: my-awesome-counter; }
    .samplereading .para-sample ol li {
      counter-increment: my-awesome-counter; }
      .samplereading .para-sample ol li::before {
        content: counter(my-awesome-counter) ". ";
        color: teal;
        font-weight: bold;
        padding-right: .5rem; }
  .samplereading .para-sample p {
    text-align: center; }

.ordered-list p {
  margin-left: 2.5rem; }

.ordered-list ul li {
  margin-left: 2.5rem; }

.ordered-list .ordered-green {
  list-style: none;
  counter-reset: my-awesome-counter; }
  .ordered-list .ordered-green .list-green {
    counter-increment: my-awesome-counter;
    font-weight: 600;
    font-size: 1.8rem;
    color: teal; }
    .ordered-list .ordered-green .list-green::before {
      content: counter(my-awesome-counter) ". ";
      color: teal;
      font-weight: bold;
      padding-right: .5rem; }

.books-titles {
  font-size: 1.6rem;
  color: teal;
  background-color: #f7f7f7;
  padding: 1rem;
  border-bottom: 1px solid #e8e8e8;
  margin-bottom: 1rem; }

.title-width {
  width: 85%; }

table {
  font-size: 1.6rem;
  margin-left: 2.5rem; }
  table th {
    text-align: left;
    color: teal;
    background-color: #f7f7f7;
    padding: 1rem;
    border-bottom: 1px solid #e8e8e8; }
  table td {
    padding: 1rem; }
  table tr:nth-child(3) {
    background-color: #fcfcfc; }

.table-credits {
  margin-left: 0; }
  .table-credits th {
    text-align: center;
    padding: 2rem; }
  .table-credits td {
    padding: 2rem; }

.table-praises {
  border: 1px solid #e8e8e8; }
  .table-praises tr:nth-child(odd) {
    background-color: #fcfcfc; }

.books-table {
  font-size: 1.5rem;
  margin-left: 0; }
  .books-table th {
    padding: .5rem;
    background-color: #f7f7f7; }

.cd-img {
  width: 70%;
  margin-bottom: 2rem;
  margin-top: 1rem;
  border: 1px solid teal;
  border-radius: 1rem; }

.col-1-of-5 .cd-img {
  width: 120%; }

.quotes {
  padding: 2rem;
  margin: 2rem;
  background-color: #f4f4f4; }
  .quotes p {
    font-weight: bold; }

.article-link li a:link, .article-link li a:visited {
  text-decoration: none;
  color: teal;
  margin-right: 1rem;
  margin-left: 1rem;
  padding-bottom: 3px;
  border-bottom: 1px solid transparent; }

.article-link li a:hover, .article-link li a:active {
  border-bottom: 1px solid teal; }

.page-link {
  margin-left: 0 !important; }
  .page-link:link, .page-link:visited {
    text-decoration: none;
    color: teal;
    margin-right: 1rem;
    margin-left: 1rem;
    padding-bottom: 3px;
    border-bottom: 1px solid transparent; }
  .page-link:hover, .page-link:active {
    border-bottom: 1px solid teal; }

.poem {
  height: 120rem;
  position: relative; }

.poem__quote {
  position: absolute;
  font-size: 2.2rem;
  padding: 1rem;
  font-style: italic;
  top: 9rem;
  left: 10%;
  max-width: 40rem;
  color: #F9FAFA;
  z-index: 10;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  -o-transition: transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s; }

.poem__img {
  height: 100%;
  z-index: 5;
  background-repeat: no-repeat; }

#poem__img-1 {
  background-image: url(../img/wisdom.jpg); }

#poem__img-2 {
  background-image: url(img/why-js-back-2.jpeg); }

.section-inside {
  background-color: #fff; }
  .section-inside-header {
    overflow: hidden;
    margin: 2% 7%; }
    .section-inside-header .heading-five {
      margin: 0 0 2rem;
      font-size: 1.2rem;
      font-weight: 500;
      text-transform: uppercase; }
    .section-inside-header .heading-one {
      position: relative;
      color: teal;
      display: inline-block;
      padding-right: 3.5rem;
      height: 4.4rem;
      line-height: 4.4rem;
      font-size: 2.8rem;
      font-weight: 800;
      margin-bottom: 1rem;
      font-family: Verdana, Geneva, Tahoma, sans-serif; }
      .section-inside-header .heading-one::after {
        content: '';
        display: block;
        position: absolute;
        left: 100%;
        top: 50%;
        margin-top: -1px;
        height: 2px;
        width: 350%;
        background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.05)), to(rgba(0, 0, 0, 0.1)));
        background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.1) 100%);
        background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.1) 100%);
        background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.1) 100%); }
  .section-inside-picture {
    height: 50vh;
    background-repeat: no-repeat;
    background-size: cover; }
  .section-inside-content {
    padding: 7%; }
    .section-inside-content span {
      display: inline-block;
      font-size: 1.6rem;
      color: #777; }
    .section-inside-content h1 {
      font-family: Verdana, Geneva, Tahoma, sans-serif;
      font-size: 2rem;
      font-weight: 800;
      margin-bottom: 1rem;
      line-height: 1.5;
      color: #777; }
    .section-inside-content h5 {
      font-size: 1.6rem;
      font-weight: 500;
      text-transform: uppercase;
      color: midnightblue;
      margin-bottom: 1rem; }
    .section-inside-content h6 {
      font-size: 1.8rem;
      color: teal;
      margin-bottom: 1rem; }
    .section-inside-content p {
      text-align: justify;
      font-size: 1.6rem;
      margin-bottom: 3rem; }
    .section-inside-content .right-span {
      text-align: right; }
    .section-inside-content blockquote {
      font-size: 1.6rem;
      font-style: italic;
      text-align: center; }
    .section-inside-content ul {
      font-size: 1.6rem;
      margin-left: 4rem; }
      .section-inside-content ul li {
        padding-bottom: 1rem; }
      .section-inside-content ul ol {
        margin-left: 4rem; }

.row {
  max-width: 114rem;
  margin: 0 auto; }
  .row:not(:last-child) {
    margin-bottom: 4rem; }
    @media (max-width: 46.875em) {
      .row:not(:last-child) {
        margin-bottom: 0rem; } }
  .row::after {
    content: "";
    display: table;
    clear: both; }
  .row [class^="col-"] {
    float: left; }
    .row [class^="col-"]:not(:last-child) {
      margin-right: 6rem; }
  .row .col-1-of-2 {
    width: calc( (100% - 6rem) / 2); }
    @media (max-width: 46.875em) {
      .row .col-1-of-2 {
        width: 100%;
        margin-bottom: 2.5rem; } }
  .row .col-1-of-3 {
    width: calc( (100% - 2 * 6rem) / 3); }
  .row .col-2-of-3 {
    width: calc( 2 * ((100% - 2 * 6rem) / 3) + 6rem); }
  .row .col-1-of-4 {
    width: calc( (100% - 3 * 6rem) / 4); }
  .row .col-2-of-4 {
    width: calc( 2 * ((100% - 3 * 6rem) / 4 ) + 6rem); }
  .row .col-3-of-4 {
    width: calc( 3 * ((100% - 3 * 6rem) / 4 ) + 2 * 6rem); }
  .row .col-1-of-5 {
    width: calc( (100% - 4 * 6rem) / 5); }

.expand {
  background-color: #eee;
  margin: 0 auto;
  max-width: 100%;
  height: 100%; }
  .expand::after {
    content: "";
    display: table;
    clear: both; }
  .expand .col-0-of-3 {
    width: calc( (100% - 2 * 6rem) / 3 + 6rem);
    background-image: url(../img/spiral1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    float: left;
    overflow: scroll;
    max-height: 100%;
    padding-bottom: 6rem; }
    @media (max-width: 56.25em) {
      .expand .col-0-of-3 {
        display: none; } }
  .expand .col-3-of-3 {
    width: calc( 2 * ((100% - 2 * 6rem) / 3) + 6rem);
    overflow: scroll;
    max-height: 100%; }
    @media (max-width: 56.25em) {
      .expand .col-3-of-3 {
        width: 100%; } }

.green-bar {
  background-color: #009999;
  z-index: 9999;
  position: relative; }

.header {
  padding: 5%; }
  @media (max-width: 68.75em) {
    .header {
      padding-bottom: 0; } }
  .header::after {
    content: "";
    display: table;
    clear: both; }
  .header__logo-box {
    text-align: center;
    float: left;
    margin-left: 2%; }
    @media (max-width: 68.75em) {
      .header__logo-box {
        float: none; } }
  .header__logo {
    height: 12rem; }
    @media (max-width: 68.75em) {
      .header__logo {
        height: 12.5rem; } }
  .header__text-box {
    text-align: center;
    margin-top: 2.5rem; }
    @media (max-width: 68.75em) {
      .header__text-box {
        margin-top: .5rem; } }

.navigation__list {
  list-style: none;
  margin-left: 2.5rem;
  margin-top: 3rem; }

.navigation__item {
  margin: 1rem; }
  .navigation__item:last-child {
    margin-bottom: 6rem; }
  .navigation__item--nested {
    margin-left: 10rem;
    font-size: 1.6rem;
    text-decoration: none; }
    .navigation__item--nested li:last-child {
      margin-bottom: 1.5rem; }
    .navigation__item--nested li a:link, .navigation__item--nested li a:visited {
      display: inline-block;
      text-decoration: none;
      color: #009999;
      border-bottom: 1.5px solid transparent;
      -webkit-transition: border .2s;
      -o-transition: border .2s;
      transition: border .2s; }
    .navigation__item--nested li a:hover, .navigation__item--nested li a:active {
      border-bottom: 1.5px solid teal; }
    .navigation__item--nested--nested {
      list-style-type: disc;
      margin-left: 7rem;
      margin-bottom: -1rem;
      color: #999; }

.navigation__link {
  display: inline-block;
  padding: 0rem 1rem;
  font-size: 1.9rem;
  font-weight: 700;
  color: midnightblue;
  text-decoration: none;
  color: #5e6f91; }

.phone-nav {
  display: none; }
  @media (max-width: 56.25em) {
    .phone-nav {
      display: block; } }
  .phone-nav__checkbox {
    display: none; }
  .phone-nav__button {
    background-color: #fff;
    height: 5rem;
    width: 5rem;
    position: fixed;
    top: 2rem;
    left: 2rem;
    border-radius: 50%;
    z-index: 219;
    -webkit-box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.1);
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.1);
    text-align: center;
    cursor: pointer; }
  .phone-nav__nav {
    overflow: scroll;
    height: 100vh;
    position: absolute;
    z-index: 209;
    opacity: 0;
    width: 0;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s; }
  .phone-nav__list {
    position: absolute;
    top: 0rem;
    left: 0rem;
    list-style: none;
    background-color: pink;
    background-color: wheat; }
  .phone-nav__item {
    margin: 1rem; }
    .phone-nav__item--nested li {
      font-size: 1.6rem;
      margin-left: 7rem;
      margin-bottom: 1rem; }
      .phone-nav__item--nested li a {
        text-decoration: none;
        color: #009999; }
  .phone-nav__link:link, .phone-nav__link:visited {
    cursor: default;
    display: inline-block;
    font-size: 2.4rem;
    color: #5e6f91;
    padding: 1rem 2rem;
    text-decoration: none; }
  .phone-nav__checkbox:checked ~ .phone-nav__nav {
    opacity: 1;
    width: 100%; }
  .phone-nav__icon {
    position: relative;
    margin-top: 2.5rem; }
    .phone-nav__icon, .phone-nav__icon::before, .phone-nav__icon::after {
      width: 3rem;
      height: 2px;
      background-color: #333;
      background-color: #008080;
      display: inline-block; }
    .phone-nav__icon::before, .phone-nav__icon::after {
      content: "";
      position: absolute;
      left: 0;
      -webkit-transition: all .2s;
      -o-transition: all .2s;
      transition: all .2s; }
    .phone-nav__icon::before {
      top: -.8rem; }
    .phone-nav__icon::after {
      top: .8rem; }
  .phone-nav__button:hover .phone-nav__icon::before {
    top: -1rem; }
  .phone-nav__button:hover .phone-nav__icon::after {
    top: 1rem; }
  .phone-nav__checkbox:checked + .phone-nav__button .phone-nav__icon {
    background-color: transparent; }
  .phone-nav__checkbox:checked + .phone-nav__button .phone-nav__icon::before {
    top: 0;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg); }
  .phone-nav__checkbox:checked + .phone-nav__button .phone-nav__icon::after {
    top: 0;
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg); }

.header-phone {
  text-align: center;
  font-size: 2.8rem;
  color: #fff;
  display: inline-block;
  width: 100%;
  padding: 2rem 2rem 2rem 8rem;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  left: 0;
  background-color: #008080; }

.section-recent {
  background-color: #fff; }
  .section-recent-header {
    padding: 3rem 0 0;
    padding: 2% 7%; }
    .section-recent-header .heading-five {
      margin: 0 0 2rem;
      font-size: 1.2rem;
      font-weight: 500;
      text-transform: uppercase; }
    .section-recent-header .heading-one {
      position: relative;
      color: teal;
      display: inline-block;
      padding-right: 3.5rem;
      height: 4.4rem;
      line-height: 4.4rem;
      font-size: 2.8rem;
      font-weight: 800;
      margin-bottom: 1rem;
      font-family: Verdana, Geneva, Tahoma, sans-serif; }
      .section-recent-header .heading-one::after {
        content: '';
        display: block;
        position: absolute;
        left: 100%;
        top: 50%;
        margin-top: -1px;
        height: 2px;
        width: 110%;
        background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.05)), to(rgba(0, 0, 0, 0.1)));
        background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.1) 100%);
        background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.1) 100%);
        background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.1) 100%); }
  .section-recent-picture {
    height: 50vh;
    background-image: url(../img/bird.jpg);
    background-repeat: no-repeat;
    background-size: cover; }
  .section-recent-content {
    padding: 7%; }
    .section-recent-content h1 {
      font-family: Verdana, Geneva, Tahoma, sans-serif;
      font-size: 2rem;
      font-weight: 800;
      margin-bottom: 1rem;
      line-height: 1.5;
      color: #777; }
    .section-recent-content h5 {
      font-size: 1.6rem;
      font-weight: 500;
      text-transform: uppercase;
      color: midnightblue;
      margin-bottom: 1rem; }
    .section-recent-content h6 {
      font-size: 1.8rem;
      color: teal; }
    .section-recent-content p {
      text-align: justify;
      font-size: 1.6rem;
      margin-bottom: 3rem; }
    .section-recent-content ul {
      font-size: 1.6rem;
      margin-left: 4rem;
      margin-top: -2rem; }
      .section-recent-content ul li {
        padding-bottom: 1rem; }
      .section-recent-content ul ol {
        margin-left: 4rem; }

.section-house {
  background-color: #fff; }
  .section-house-header {
    padding: 3rem 0 0;
    padding: 2% 7%; }
    .section-house-header .heading-five {
      margin: 0 0 2rem;
      font-size: 1.2rem;
      font-weight: 500;
      text-transform: uppercase; }
    .section-house-header .heading-one {
      position: relative;
      color: teal;
      display: inline-block;
      padding-right: 3.5rem;
      height: 4.4rem;
      line-height: 4.4rem;
      font-size: 2.8rem;
      font-weight: 800;
      margin-bottom: 1rem;
      font-family: Verdana, Geneva, Tahoma, sans-serif; }
      .section-house-header .heading-one::after {
        content: '';
        display: block;
        position: absolute;
        left: 100%;
        top: 50%;
        margin-top: -1px;
        height: 2px;
        width: 50%;
        background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.05)), to(rgba(0, 0, 0, 0.1)));
        background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.1) 100%);
        background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.1) 100%);
        background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.1) 100%); }
  .section-house-picture {
    height: 50vh;
    background-image: url(../img/clear.jpg);
    background-repeat: no-repeat;
    background-size: cover; }
  .section-house-content {
    padding: 7%; }
    .section-house-content h1 {
      font-family: Verdana, Geneva, Tahoma, sans-serif;
      font-size: 2rem;
      font-weight: 800;
      margin-bottom: 1rem;
      line-height: 1.5;
      color: #777; }
    .section-house-content h5 {
      font-size: 1.6rem;
      font-weight: 500;
      text-transform: uppercase;
      color: midnightblue;
      margin-bottom: 1rem; }
    .section-house-content h6 {
      font-size: 1.8rem;
      color: teal; }
    .section-house-content p {
      text-align: justify;
      font-size: 1.6rem;
      margin-bottom: 3rem; }
    .section-house-content ul {
      font-size: 1.6rem;
      margin-left: 4rem;
      margin-top: -2rem; }
      .section-house-content ul li {
        padding-bottom: 1rem; }
      .section-house-content ul ol {
        margin-left: 4rem; }

.section-about {
  background-color: #fff; }
  .section-about-header {
    padding: 3rem 0 0;
    padding: 2% 7%; }
    .section-about-header .heading-five {
      margin: 0 0 2rem;
      font-size: 1.2rem;
      font-weight: 500;
      text-transform: uppercase; }
    .section-about-header .heading-one {
      position: relative;
      color: teal;
      display: inline-block;
      padding-right: 3.5rem;
      height: 4.4rem;
      line-height: 4.4rem;
      font-size: 2.8rem;
      font-weight: 800;
      margin-bottom: 1rem;
      font-family: Verdana, Geneva, Tahoma, sans-serif; }
      .section-about-header .heading-one::after {
        content: '';
        display: block;
        position: absolute;
        left: 100%;
        top: 50%;
        margin-top: -1px;
        height: 2px;
        width: 300%;
        background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.05)), to(rgba(0, 0, 0, 0.1)));
        background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.1) 100%);
        background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.1) 100%);
        background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.1) 100%); }
  .section-about-picture {
    height: 50vh;
    background-image: url(../img/ira.jpg);
    background-repeat: no-repeat; }
  .section-about-content {
    padding: 7%; }
    .section-about-content h1 {
      font-family: Verdana, Geneva, Tahoma, sans-serif;
      font-size: 2rem;
      font-weight: 800;
      margin-bottom: 1rem;
      line-height: 1.5;
      color: #777; }
    .section-about-content p {
      text-align: justify;
      font-size: 1.6rem;
      margin-bottom: 3rem; }

.section-content {
  height: 80vh;
  position: relative;
  background-image: -webkit-linear-gradient(10deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.8) 55%, transparent 80%), url(../img/ira2.jpg);
  background-image: -o-linear-gradient(10deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.8) 55%, transparent 80%), url(../img/ira2.jpg);
  background-image: linear-gradient(80deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.8) 55%, transparent 80%), url(../img/ira2.jpg);
  background-size: cover; }
  @media (max-width: 81.25em) {
    .section-content {
      height: 75vh; } }
  @media (max-width: 75em) {
    .section-content {
      height: 70vh; } }
  @media (max-width: 68.75em) {
    .section-content {
      height: 35vh; } }
  @media (max-width: 62.5em) {
    .section-content {
      height: 50vh; } }
  @media (max-width: 37.5em) {
    .section-content {
      height: 55vh; } }
  @media (max-width: 31.25em) {
    .section-content {
      background-image: -webkit-linear-gradient(10deg, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.9) 25%, transparent 120%), url(../img/ira2.jpg);
      background-image: -o-linear-gradient(10deg, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.9) 25%, transparent 120%), url(../img/ira2.jpg);
      background-image: linear-gradient(80deg, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.9) 25%, transparent 120%), url(../img/ira2.jpg);
      background-position: right; } }
  @media (max-width: 28.125em) {
    .section-content {
      height: 65vh; } }
  @media (max-width: 25em) {
    .section-content {
      height: 90vh; } }
  @media (max-width: 23.4375em) {
    .section-content {
      height: 100vh; } }
  @media (max-width: 21.875em) {
    .section-content {
      height: 120vh; } }
  .section-content .hero-text-box {
    position: absolute;
    left: 4rem;
    top: 10rem; }
    @media (max-width: 62.5em) {
      .section-content .hero-text-box {
        left: 2.5rem; } }
    @media (max-width: 56.25em) {
      .section-content .hero-text-box {
        left: 6rem;
        top: 12rem; } }
    @media (max-width: 50em) {
      .section-content .hero-text-box {
        left: 5rem;
        top: 10rem; } }
    @media (max-width: 46.875em) {
      .section-content .hero-text-box {
        left: 4rem;
        top: 9rem; } }
    @media (max-width: 37.5em) {
      .section-content .hero-text-box {
        left: 3rem;
        top: 9rem; } }
    @media (max-width: 31.25em) {
      .section-content .hero-text-box {
        left: 2rem; } }
    .section-content .hero-text-box h1 {
      color: #fff;
      color: #5d6e73;
      color: #5e6f91;
      color: #04266b;
      font-size: 2.6rem;
      font-weight: 500;
      margin-bottom: 4.5rem; }
      @media (max-width: 87.5em) {
        .section-content .hero-text-box h1 {
          font-size: 2.3rem; } }
      @media (max-width: 81.25em) {
        .section-content .hero-text-box h1 {
          font-size: 2.1rem; } }
      @media (max-width: 75em) {
        .section-content .hero-text-box h1 {
          font-size: 2rem; } }
      @media (max-width: 68.75em) {
        .section-content .hero-text-box h1 {
          font-size: 1.8rem; } }
      @media (max-width: 56.25em) {
        .section-content .hero-text-box h1 {
          font-size: 2.1rem; } }
      @media (max-width: 46.875em) {
        .section-content .hero-text-box h1 {
          font-size: 1.8rem; } }
      @media (max-width: 37.5em) {
        .section-content .hero-text-box h1 {
          font-size: 1.65rem;
          margin-bottom: 3rem; } }
      @media (max-width: 31.25em) {
        .section-content .hero-text-box h1 {
          font-weight: 400;
          font-size: 2.2rem;
          margin-bottom: 2.5rem; } }
      .section-content .hero-text-box h1 .tagline {
        font-weight: 350; }
    .section-content .hero-text-box .tagline2 {
      font-style: italic;
      margin-top: 3.5rem;
      font-size: 1.9rem;
      color: midnightblue;
      color: #5d6e73;
      color: #5e6f91; }
      @media (max-width: 87.5em) {
        .section-content .hero-text-box .tagline2 {
          font-size: 1.8rem; } }
      @media (max-width: 81.25em) {
        .section-content .hero-text-box .tagline2 {
          font-size: 1.7rem; } }
      @media (max-width: 68.75em) {
        .section-content .hero-text-box .tagline2 {
          font-size: 1.6rem; } }
      @media (max-width: 56.25em) {
        .section-content .hero-text-box .tagline2 {
          font-size: 1.7rem; } }
      @media (max-width: 46.875em) {
        .section-content .hero-text-box .tagline2 {
          font-size: 1.6rem; } }
      @media (max-width: 37.5em) {
        .section-content .hero-text-box .tagline2 {
          font-size: 1.5rem;
          margin-top: 2.5rem; } }
      @media (max-width: 31.25em) {
        .section-content .hero-text-box .tagline2 {
          font-size: 1.4rem;
          margin-top: 2rem; } }

.section-workshop {
  padding: 7%;
  background-color: #ffffff; }
  .section-workshop .entry-text {
    padding-bottom: 5rem; }
    .section-workshop .entry-text .heading-five {
      font-size: 1.2rem;
      font-weight: 500;
      text-transform: uppercase;
      color: #5e6f91;
      margin-bottom: 0.6rem; }
    .section-workshop .entry-text .heading-one {
      font-family: Verdana, Geneva, Tahoma, sans-serif;
      font-size: 2rem;
      font-weight: 700;
      margin-bottom: 1rem;
      color: teal; }
  .section-workshop .entry-reasons .entry-reasons-container {
    margin-left: 4rem;
    position: relative; }
    .section-workshop .entry-reasons .entry-reasons-container .icon-heart {
      position: absolute;
      width: 3rem;
      height: 3rem;
      top: -.4rem;
      left: -4rem;
      color: teal;
      font-size: 2.6rem;
      text-align: center; }
    .section-workshop .entry-reasons .entry-reasons-container .heading-four {
      font-size: 1.7rem;
      margin-bottom: 1rem;
      color: #5e6f91; }

.section-the-method {
  background-image: -webkit-linear-gradient(195deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.9) 50%, transparent 80%), url(../img/bench.jpg);
  background-image: -o-linear-gradient(195deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.9) 50%, transparent 80%), url(../img/bench.jpg);
  background-image: linear-gradient(-105deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.9) 50%, transparent 80%), url(../img/bench.jpg);
  background-size: cover; }
  @media (max-width: 46.875em) {
    .section-the-method {
      background-image: -webkit-linear-gradient(195deg, rgba(255, 255, 255, 0.9) 100%, rgba(255, 255, 255, 0.9) 100%, transparent 100%), url(../img/bench.jpg);
      background-image: -o-linear-gradient(195deg, rgba(255, 255, 255, 0.9) 100%, rgba(255, 255, 255, 0.9) 100%, transparent 100%), url(../img/bench.jpg);
      background-image: linear-gradient(-105deg, rgba(255, 255, 255, 0.9) 100%, rgba(255, 255, 255, 0.9) 100%, transparent 100%), url(../img/bench.jpg); } }
  .section-the-method .method-panel {
    padding: 9% 7%; }
    @media (max-width: 46.875em) {
      .section-the-method .method-panel {
        padding-left: 8rem; } }
    .section-the-method .method-panel .btn-text {
      margin-left: 0; }
  .section-the-method .heading-five {
    font-size: 1.2rem;
    font-weight: 500;
    text-transform: uppercase;
    color: #5e6f91;
    margin-bottom: .6rem; }
  .section-the-method .heading-one {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 1.6rem;
    font-weight: 800;
    margin-bottom: 1rem;
    line-height: 1.5;
    color: teal; }
  .section-the-method .paragraph {
    color: #5d6e73; }