@font-face {
  font-family: 'Agenda';
  src: url("../fonts/Agenda-Medium_2390-webfont.eot"); /* IE9 Compat Modes */
  src: url("../fonts/Agenda-Medium_2390-webfont.eot?#iefix") format('embedded-opentype'), /* IE6-IE8 */
       url("../fonts/Agenda-Medium_2390-webfont.woff2") format('woff2'), /* Super Modern Browsers */
       url("../fonts/Agenda-Medium_2390-webfont.woff") format('woff'), /* Pretty Modern Browsers */
       url("../fonts/Agenda-Medium_2390-webfont.ttf")  format('truetype'), /* Safari, Android, iOS */
       url("../fonts/Agenda-Medium_2390-webfont.svg#svgAgenda") format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Agenda';
  src: url("../fonts/Agenda-Bold.eot"); /* IE9 Compat Modes */
  src: url("../fonts/Agenda-Bold.eot?#iefix") format('embedded-opentype'), /* IE6-IE8 */
       url("../fonts/Agenda-Bold.woff") format('woff'), /* Pretty Modern Browsers */
       url("../fonts/Agenda-Bold.ttf")  format('truetype'), /* Safari, Android, iOS */
       url("../fonts/Agenda-Bold.svg#svgAgenda") format('svg'); /* Legacy iOS */
  font-weight: bold;
}
@font-face {
  font-family: 'Agenda';
  src: url("../fonts/Agenda-Light.eot"); /* IE9 Compat Modes */
  src: url("../fonts/Agenda-Light.eot?#iefix") format('embedded-opentype'), /* IE6-IE8 */
       url("../fonts/Agenda-Light.woff") format('woff'), /* Pretty Modern Browsers */
       url("../fonts/Agenda-Light.ttf")  format('truetype'), /* Safari, Android, iOS */
       url("../fonts/Agenda-Light.svg#svgAgenda") format('svg'); /* Legacy iOS */
  font-weight: light;
}
/*
screen animations
*/

@keyframes slide-in-left {
    from {transform:translateX(-100%)}
    to {transform:translateX(0);}
}
@keyframes slide-out-left {
    from {transform:translateX(0)}
    to {transform:translateX(-100%);}
}
@keyframes slide-in-right {
    from {transform:translateX(100%)}
    to {transform:translateX(0);}
}
@keyframes slide-out-right {
    from {transform:translateX(0)}
    to {transform:translateX(100%);}
}
/*
wellbeing word animations
*/

@keyframes word-in {
  0% {opacity:0}
  15% {opacity:1}
  50% {opacity:1}
  85% {opacity:1}
  100% {opacity:0}
}
@keyframes word-in-final {
  0% {opacity:0}
  15% {opacity:1}
  50% {opacity:1}
  85% {opacity:1}
  100% {opacity:1}
}
.word-in-animation{
  animation:word-in;
  animation-duration:2.5s;
  animation-delay: 0.25s;
  animation-timing-function: ease;
}
.word-in-final-animation{
  animation:word-in-final;
  animation-duration: 2.5s;
  animation-delay: 0.25s;
  animation-timing-function: ease;
  animation-fill-mode: forwards;
}
/*
learn more animation
*/
@keyframes learn-more-bounce {
  0% {transform:translateY(0px)}
  5% {transform:translateY(3px)}
  10% {transform:translateY(0px)}
  15% {transform:translateY(3px)}
  20% {transform:translateY(0px)}
  100% {transform:translateY(0px)}
}
#learn-more-arrow img{
  animation: learn-more-bounce 4.0s ease 1s 3;
}


html, body {
  height:100%;
}
body {
  font-family: 'Agenda', Arial, sans-serif;
  font-size:19px;
  color:#757679;
  margin:0px;
}

p {
  font-family:Arial;
  font-size:19px;
  line-height: 27px;
}
h1{
  font-size:42px;
  font-weight: 200;
}
h2{
  color:black;
  font-weight: normal;
}
h3{
  font-size:20px;
  color:black;
  font-weight: normal;
}
.black-text{
  color:black;
}
a{
  text-decoration: none;
  color:#005eb8;
}
#page{
  max-width:1440px;
  margin:auto;
  height:90%;
}
#header{
  background-color:#e87722;
  height:90px;
}
#logo{
  width:350px;
  margin-left:80px;
  margin-top:-70px;
  position: absolute;
}
a img  {
  border : none;
}
a img {
  outline : none;
}
#wellbeing-holder{
  float:right;
  width:430px;
  height:430px;
  position:relative;
}
#wellbeing{
  box-sizing: border-box;
  float:right;
  margin-top:40px;
  /* margin-right:80px; */
  width:100%;
  max-width:430px;
  max-height:430px;
}
#word_holder{
  position:absolute;
  float:right;
  right:70px;
  top:80px;
  opacity:0;
  filter: alpha(opacity=100);
  width:430px;
}
#wellbeing_word{
  position: absolute;
  top:46px;
  left:0px;
  color:white;
  font-size:27px;
  font-weight: bold;
  width:262px;
  text-align: center;
}
#header-copy{
  float:left;
  margin-left:40px;
  margin-top:140px;
  margin-bottom:80px;
  width:43%;
  box-sizing: border-box;
}
#header-copy h1{
  margin-bottom:0px;
}
ul{
  padding-left:0px;
  white-space: nowrap;
  font-size:18px;
}
#header-list li{
  display:inline-block;
  margin-left:10px;
  list-style-type: none;
}
#header-phone a{
  font-size:37px;
}
#learn-more-arrow{
  width:100%;
  float:left;
  height:50px;
  display:inline;
  text-align:center;
  z-index: 10;
  position:relative;
  cursor: pointer;
}
#learn-more-arrow:hover{
  filter:saturate(135%);
}

.top-image{
  width:100%;
  z-index: 1;
  position:relative;
}
#plan-copy{
  width:43%;
  float:left;
}
#image-plan{
  float:right;
  width:43%;
}
.learn-more{
  font-family: Arial;
  font-size:22px;
  font-weight:normal;
  color:black;
}
.program-services{
  font-size:22px;
  font-weight:normal;
  color:black;
}
#find-a-plan-button{
  padding:20px;
  padding-top:20px;
  padding-bottom:20px;
  background-color:#005eb9;
  text-align:center;
  color:white;
  border-radius:5px;
  width:195px;
  font-size:22px;
  margin-top:40px;
  margin-bottom:40px;
  box-shadow: 0px 0px 53px 0px rgba(5,76,144,0.42);
  float:left;
}
#find-a-plan-button:hover{
  filter:saturate(135%);
}
.blue-button{
  padding:20px;
  padding-top:20px;
  padding-bottom:20px;
  background-color:#005eb9;
  box-sizing: border-box;
  text-align:center;
  color:white;
  border-radius:5px;
  width:195px;
  font-size:22px;
  margin-top:40px;
  margin-bottom:40px;
  box-shadow: 0px 0px 53px 0px rgba(5,76,144,0.42);
  float:left;
}
.blue-button a{
  color:white;
}
.white-button{
  padding:20px;
  padding-top:20px;
  padding-bottom:20px;
  background-color:#ffffff;
  box-sizing: border-box;
  border: 2px solid #005eb9;
  text-align:center;
  color:#005eb9;
  border-radius:5px;
  width:195px;
  font-size:22px;
  margin-top:40px;
  margin-bottom:40px;
  box-shadow: 0px 0px 53px 0px rgba(5,76,144,0.25);
  float:left;
}
#page-split{
  height:20px;
  width:100%;
  border-bottom:5px solid #e87722;
  margin-top:20px;
  margin-bottom:60px;
  float:left;
}
#services-copy{
  width:43%;
  float:left;
}
#image-services{
  float:right;
  width:43%;
}
.services-list{
  list-style: none;
}
.services-list li{
  border-bottom: 1px solid #e87722;
  padding:5px;
  font-family:arial,sans-serif;
}
.footer {
  float:left;
  height:49px;
  width:100%;
}
.sub-section{
  margin-left:80px;
  margin-right:80px;
}
.mobile-learn-more{
  display:none;
}
.mobile-section{
  display:none;
}
.desktop-hide{
  display:none;
}
@media only screen and (max-width: 1175px){
  ul{
    white-space: normal;
  }
  #header-list li{
    display:block;
  }
}

@media only screen and (max-width: 1024px) {
  p {
    font-size:24px;
    line-height:28px;
  }
  #header{
    height:120px;
  }
  #logo{
    float:none;
    width:400px;
    margin-left:auto;
    margin-right:auto;
    margin-top:-120px;
    z-index: 100;
  }

  #logo-holder{
    width:50%;
    margin:auto;
  }
  #wellbeing{
    float:none;
    margin-top:40px;
    width:430px;
    height:430px;
  }
  #wellbeing-holder{
    float:none;
    width:430px;
    margin:auto;
    margin-top:30px;
    margin-bottom:30px;
  }
  #word_holder{
    left:-60px;
    top:80px;
  }
  #header-copy{
    text-align:center;
    margin-top:20px;
    margin-left:50%;
    transform: translateX(-50%);
    position:relative;
    width:100%;
  }
  #header-copy h1 {
    font-weight:bold;
    font-size:43px;
    margin-top:-40px;
    margin-bottom:10px;
  }

  #header-list li{
    display:block;
    font-size:30px;
  }
  #learn-more-arrow{
    height:112px;
  }

  .top-image{
    float:left;
  }
  #top-copy{
    float:left;
    font-size:24px;
    line-height:34px;
    font-weight:normal;
    margin-bottom:10px;
  }
  .sub-section{
    margin-left: 50px;
    margin-right: 50px;
  }
  #image-plan{
    float:none;
    margin-left:50%;
    transform:translateX(-50%);
  }
  #image-plan-mobile, #image-services-mobile{
    width:100%;
    margin-top:10px;
  }
  #image-plan-mobile-holder{
    /* max-height:450px; */
  }
  #plan-copy{
    width:47%;
    height:350px;
    position:relative;
  }
  #services-copy{
    width:47%;
    float:right;
    height:350px;
    position:relative;
  }
  h2{
    font-size: 28px;
  }
  .mobile-learn-more{
    display: inline-block;
    position: absolute;
    bottom:5px ;
  }
  #image-services-mobile{
    margin-top:80px;
  }
  #image-services{
    float:right;
    margin-top:50px;
    margin-left:50%;
    transform: translateX(-50%);
  }
  #find-a-plan-button{
    margin-left:auto;
    margin-right:auto;
  }
  .mobile-hide{
    display:none;
  }
  .desktop-hide{
    display:block;
  }
  body {
    min-height:100%;
  }
  .mobile-section{
    display:none;
    position:fixed;
    top:0px;
    height:100%;
    z-index:100;
    background-color: white;
    padding:40px;
    overflow: scroll;
  }

  #back-arrow-right{
    position:absolute;
    top:20px;
    right:30px;
    width:150px;
    cursor: pointer;
  }
  #back-arrow-left{
    position:absolute;
    top:20px;
    left:30px;
    width:150px;
    cursor: pointer;
  }
  #p1{
    height:100%;
  }
  #learn-more-arrow{
    height:112px;
    transform:translateY(-50px);
  }
  #footer{
    height:32px;
  }
  .blue-button, .white-button{
    margin-bottom:0px;
  }
  #mobile-right-plan .blue-button{
    margin-bottom:20px;
  }
}
@media only screen and (max-width: 1024px) and (min-height: 1366px) {
  #header-list{
    margin-bottom:80px;
    margin-top:80px;
  }
  #header-list li{
    font-size:35px;
  }
  #header-copy h1 {
    margin-top:0px;
    font-size: 49px;
  }
  #header-phone a {
    font-size:47px;
  }
  #learn-more-arrow{
    transform:translateY(30px)
  }
  .footer{
    height:280px;
  }
  #logo{
    margin-left:80px;
  }
}
@media only screen and (max-width: 667px) {
  #p1 {
    height:90%;
  }
  #header{
    height:64px;
  }
  #wellbeing{
    float:none;
    margin-top:10px;
    max-width:300px;
    max-height:300px;
  }
  .services-list li{
    font-size:16px;
  }
  #logo {
    width:250px;
    margin-top:-90px;
  }
  #logo-holder{
    width:250px;
  }
  #wellbeing-holder{
    max-width:300px;
    max-height:300px;
    margin:auto;
    margin-top:30px;
    margin-bottom:30px;
  }
  #header-copy h1 {
    font-size:24px;
    font-weight:bold;
    margin-bottom:20px;
  }
  #header-phone a{
    font-size:27px;
  }
  #word_holder{
    transform:translateX(-20px);
    right:auto;
    top:15px;
    width:auto;
  }
  #header-phone{
    margin-top:20px;
    margin-bottom:20px;
  }
  #header-list {
    margin-bottom:10px;
    margin-top:10px;
  }
  #header-list li {
    display: block;
    font-size: 22px;
  }
  #learn-more-arrow{
    width:100%;
    height:50px;
    transform:translateY(-60px);
  }
  #learn-more-arrow img{
    width:70px;
    margin:auto;
  }
  #top-copy {
    font-size: 16px;
    line-height: 17px;
  }
  .sub-section{
    margin-left: 15px;
    margin-right: 15px;
  }
  h2{
    font-size:18px;
  }
  #plan-copy, #services-copy{
    height:290px;
  }

  p {
    font-size:16px;
    line-height: 18px;
  }
  .blue-button, .white-button{
    width:128px;
    font-size:17px;
    padding-left: 10px;
    padding-right:10px;
    padding-top:10px;
    padding-bottom:10px;
  }
  #back-arrow-right{
    width:100px;
  }
  #back-arrow-left{
    width:100px;
  }
  #image-services-mobile{
    margin-top:40px;
  }
  .footer{
    height:80px;
  }
}
@media only screen and (max-width: 667px) and (min-height: 800px){
  #header-copy h1{
    margin-top: -10px;
  }
  #header-phone {
    margin-top:40px;
    margin-bottom:20px;
  }
  #header-phone a{
    font-size:27px;
  }
  #header-list {
    margin-top:50px;
  }
  #header-list li {
    display: block;
    font-size: 22px;
  }
 .footer{
    height:160px;
  }
  #learn-more-arrow {
    height:50px;
  }
  #p1{
    height:80%;
  }
}