/*@media (max-width: 1750px) {
  html {
    font-size: 10px; } }
@media (max-width: 1575px) {
  html {
    font-size: 9px; } }
@media (max-width: 1400px) {
  html {
    font-size: 8.5px; } }
@media (max-width: 1225px) {
  html {
    font-size: 8px; } }
@media (max-width: 1050px) {
  html {
    font-size: 7.5px; } }
@media (max-width: 875px) {
  html {
    font-size: 7px; } }
@media (max-width: 700px) {
  html {
    font-size: 6.5px; } }*/
html, body {
  background-color: #fefefe; }

body {
  font-family: 'Catamaran'; }

/*h1 {
  font-size: 4.5rem; }

h2 {
  font-size: 3.7rem; }

h3 {
  font-size: 3.3rem; }*/

.red {
  color: #ff4444; }



#landing {
  width: 100%;
  padding-top: 3rem;
  /*padding-bottom: 5rem;*/
  padding-left: 15%;
  padding-right: 15%;
  display: flex;
  /*background-image: url(./images/medical-bg.original.jpg); */
  background-size: cover; }
  #landing h1 {
    font-size: 5rem;
    font-weight: 800; }
  #landing h3, #landing p {
    color: black;
    font-size: 1.25em;}
  #landing #landLeft {
    width: 55%; }
    #smallerWidth {
      margin-top: 22px; }
#landLeft #topBox { margin-top: 10px; margin-bottom: 40px; text-align: center; color: #fff; border: 3px solid #677E5B; background-color: #8a9d80; }
#landLeft #topBox h2 { font-weight: bold; }
#landLeft #topBox p { color: #fff; }
	#landLeft #topBox a { color: #fff; text-decoration: underline; }
      #smallerWidth h3 {
        color: black; font-size: 2.2em; }
      #smallerWidth p {
        font-size: 1.75em;
        color: black; }
      #smallerWidth .iconPitch {
        display: flex; }
        #smallerWidth .iconPitch img {
          height: 75px;
          width: 75px;
          margin-right: 6px; }
        #smallerWidth .iconPitch div {
          width: calc(100% - 100px); }
          #smallerWidth .iconPitch div h3 {
            color: black; }
      #smallerWidth .stylishLine {
        margin-top: 2px;
        margin-bottom: 5px;
        margin-left: 3%; }
#smallerWidth img { margin-left: 0 !important; }
#smallerWidth h3 { margin: 0 !important; padding: 10 0 0 !important; }
#smallerWidth p { padding-left: 0 !important; text-align: left !important; }
  #landing #landRight {
    margin-left: 5%;
    width: 40%;
    border-radius: 10px;
    position: relative; }
    #landing #landRight img {
	  margin-left: 12%;
      max-width: 55%;
      max-height: 55%;
      border-radius: 15px;
	  /*position: absolute;
      bottom: 325px;*/ }

p#difference {
	border: 3px solid #8a9d80;
	padding: 5px;
	margin: 40px 0;
}

#post-landing {
	/*height: 385px;*/
	border: 5px solid #677E5B;
	background-color: #8a9d80;
	margin: 0 20% 0 0;
	padding: 5px 5px;
	/*position: absolute;
	bottom: 0; */
}

#post-landing p {
	padding-left: 5px;
	margin-top: 15px;
	font-size: 1.2em;
	color: white;
	text-align: center;
}

#knowledge, #info { 
  margin-top: 30px;
  margin-bottom: 20px;
  display: flex; }

#knowledge {
	width: 100%;
	display: block;
}

#knowledge h3, #post-landing h3, #info h3 { 
	background-color: #8a9d80; 
    margin: 0 0 25px 0;
	padding: 10px 0;
	padding-left: 15%;
    color: #ffffff; }

#knowledge p, #info p {
	padding-left: 15%;
    padding-right: 15%;
	font-size: 1.5em;
	color: black;
}

#info h4 {  
	font-size: 1.75em;
    margin: 0;
	padding: 10px 15%;
    color: black;
	font-weight: bold; }

p#network {
	border: 3px solid #8a9d80;
	padding: 5px;
	margin: 30px 15%;
}

@media (max-width: 900px) {
  #doubleSection {
    background-image: none !important;
    display: inherit !important;
    margin-bottom: 90rem;
    height: 66rem; }

  #timelineSection, #illnesses {
    width: 100% !important;
    padding-left: 15% !important;
    padding-right: 15% !important;
    background-repeat: round; }

  #timelineSection {
    background-image: url(./images/doubleSectionSmallLeft.jpg); }

  #movingTimeline {
    transform: translateY(-180%) !important;
    left: -20%; }

  #movingTitle, #movingBody {
    padding-left: 5%;
    padding-right: 5%; }

  #movingBody {
    font-size: 1.6vw !important; }

  #illnesses {
    background-image: url(./images/doubleSectionSmallRight.jpg); }

  .symptom h5 {
    font-size: 2.5vw !important; } }
@media (min-width: 901px) {
  #movingTimeline {
    left: 40%; } }
@media (min-width: 1200px) {
  #movingTitle {
    font-size: 1.4vw !important; }

  #movingBody {
    font-size: 1.15vw !important; } }
#doubleSection {
  display: flex;
  background-image: url(./images/doubleSection2.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  width: 100%;
  height: calc(165px + 40rem);
  color: white; }
  #doubleSection #timelineSection, #doubleSection #illnesses {
    position: relative;
    height: 100%;
    width: 50%; }
    #doubleSection #timelineSection .doubleSectionHeader, #doubleSection #illnesses .doubleSectionHeader {
      padding-top: 35px; }
      #doubleSection #timelineSection .doubleSectionHeader h4, #doubleSection #illnesses .doubleSectionHeader h4 {
        font-size: 15.5px;
        margin-bottom: 0px; }
      #doubleSection #timelineSection .doubleSectionHeader h1, #doubleSection #illnesses .doubleSectionHeader h1 {
        margin-top: 6px;
        font-size: 48px; }
  #doubleSection #timelineSection {
    padding-left: 10%; }
    #doubleSection #timelineSection #timeline {
      background-color: #27abb7;
      height: 5px;
      margin-top: 250px;
      position: relative;
      width: 86%; }
      #doubleSection #timelineSection #timeline #movingTimeline {
        position: absolute;
        transform: translateY(-150%) translateX(-100%);
        background-color: white;
        width: 60%;
        border-radius: 8px; }
        #doubleSection #timelineSection #timeline #movingTimeline #movingTitle, #doubleSection #timelineSection #timeline #movingTimeline #movingBody {
          display: block;
          padding-left: 10%;
          padding-right: 10%; }
        #doubleSection #timelineSection #timeline #movingTimeline #movingTitle {
          border-top-left-radius: 8px;
          border-top-right-radius: 8px;
          padding-top: 10px;
          padding-bottom: 10px;
          background-color: #27abb7;
          text-align: center;
          font-size: 1.6vw; }
        #doubleSection #timelineSection #timeline #movingTimeline #movingBody {
          font-size: 1.2vw;
          padding-top: 15px;
          padding-bottom: 15px;
          position: relative;
          color: #a7a7a7; }
        #doubleSection #timelineSection #timeline #movingTimeline #movingBody:after {
          content: '';
          display: block;
          width: 0;
          height: 0;
          border-left: 20px solid transparent;
          border-right: 20px solid transparent;
          border-top: 20px solid #fff;
          position: absolute;
          left: 50%;
          transform: translateX(-50%);
          top: 98%; }
      #doubleSection #timelineSection #timeline div:not(#movingTimeline) {
        position: relative;
        top: 50%;
        transform: translateY(-50%);
        display: flex; }
        #doubleSection #timelineSection #timeline div:not(#movingTimeline) .event {
          margin-left: 3%;
          margin-right: 3%;
          width: 15%;
          position: relative;
          top: 0%;
          transform: translateY(0); }
          #doubleSection #timelineSection #timeline div:not(#movingTimeline) .event .circle {
            width: 100%;
            padding-top: 100%;
            background-color: #24d4ec;
            border-radius: 50%;
            position: absolute; }
            #doubleSection #timelineSection #timeline div:not(#movingTimeline) .event .circle .fa {
              position: absolute;
              top: 50%;
              left: 50%;
              transform: translateX(-50%) translateY(-50%);
              font-size: 24px;
              display: flex; }
          #doubleSection #timelineSection #timeline div:not(#movingTimeline) .event h5 {
            position: absolute;
            margin-top: 63%;
            width: 100%;
            text-align: center; }
  #doubleSection #illnesses {
    padding-left: 5.5%;
    padding-right: 10%; 
    margin-left: 29%; }
    #doubleSection #illnesses #symptoms {
      margin-top: 7%; }
      #doubleSection #illnesses #symptoms .symptom {
        width: 50%;
        float: left; }
        #doubleSection #illnesses #symptoms .symptom h5 {
          display: inline-block;
          margin-left: 10px;
          font-size: 1.3vw; }

#testimonials {
  background-color: white;
  width: 100%;
  padding: 2.5rem 15% 5rem 15%;
  text-align: center; }
  #testimonials #testimonialTop h1 {
    font-weight: 800; }
  #testimonials #testimonialTop h3 {
    margin-top: 13px;
    color: black; }
  #testimonials #testimonialTop hr {
    background-color: #ff4444;
    width: 7%;
    margin-top: 13px;
    margin-bottom: 3.2rem;
    margin-left: auto;
    margin-right: auto;
    height: 3px;
    border-radius: 21px; }
  #testimonials .testimonialGroup {
    margin-top: 20px;
    margin-bottom: 10px;
    display: flex; }
    #testimonials .testimonialGroup .testimonialBody {
      text-align: left;
      font-size: 2rem;
      color: black;
      margin-left: 2.5rem;
      margin-right: 2.5rem; }
      #testimonials .testimonialGroup .testimonialBody h5 {
        font-size: 2.15rem; }
    #testimonials .testimonialGroup .quote {
      width: 12rem;
      height: 12rem;
      margin-top: -2rem; }
  #testimonials .testifier {
    width: 16rem;
    height: 16rem; }

#contact {
  background-color: #8a9d80 !important; /* #6aa8ae */
  padding-bottom: 40px;
  padding-top: 10px;
  overflow: auto;
  color: white; }
  #contact #contactTop {
    padding-left: 15%;
    padding-right: 15%;
    margin-bottom: 5rem;
    text-align: center; }
    #contact #contactTop h1 {
      font-weight: 800;
      font-size: 5.3rem; }
    #contact #contactTop h2 {
      font-size: 3rem; }
  #contact #contactLeft, #contact #contactRight {
    width: 47.5%;
    float: left; }
  #contact #headshot {
    height: 15rem;
    width: 15rem; }
  #contact #contactLeft {
    padding-left: 10%;
    margin-right: 2.5%; }
    #contact #contactLeft input, #contact #contactLeft textarea {
      margin-bottom: 15px;
      height: 5rem;
      box-shadow: none;
      border-radius: 2px;
      font-size: 1.9rem;
      padding-left: 12px;
      padding-right: 12px; }
    #contact #contactLeft textarea {
      width: 100%;
      height: 12rem;
      border-radius: 3px;
      padding-top: .8rem; 
      color: #555; }
    #contact #contactLeft button, #contact input[type=submit] {
      width: 100%;
      border-radius: 6px;
      height: 5rem;
      background-color: #4e6045; /* rgba(1, 165, 27, 0.25) */
      border: 1px solid rgba(128, 128, 128, 0.3); }
  #contact #contactRight {
    padding-right: 10%;
    margin-left: 2.5%; }
    #contact #contactRight #contactRightHeadline {
      margin-top: 0;
      font-weight: 800; }
    #contact #contactRight #contactBottom {
      margin-top: 23px;
      display: flex; }
      #contact #contactRight #contactBottom i {
        height: 5rem; }
      #contact #contactRight #contactBottom #headshot, #contact #contactRight #contactBottom #callMe, #contact #contactRight #contactBottom #emailMe {
        margin-right: 2rem; }
      #contact #contactRight #contactBottom #callMe, #contact #contactRight #contactBottom #emailMe {
        width: 30%;
        text-align: center; }
      #contact #contactRight #contactBottom #callMe {
        font-size: 5.5rem; }
      #contact #contactRight #contactBottom #emailMe {
        font-size: 4rem; }
        #contact #contactRight #contactBottom #emailMe i {
          padding-top: 1.1rem; }
      #contact #contactRight #contactBottom #headshot {
        margin-left: 2rem;
        width: 13rem;
        height: 15rem; }

#contact a { color: #fff; }

#payment {
	text-align: center;
	margin: 20px auto 30px;
}

#payment h5 {
	font-weight: bold;
	font-size: 1.25em;
	margin: 0;
}

#payment p, p.disclaimer {
	font-size: 1.25em;
	margin: 0;
}

ul.normal, ul.normalMain {
	list-style-position: outside;
	list-style-type: disc !important;
	margin-left: 30px;
}
ul.normal li, ul.normalMain li {
	display: list-item;
	float: none;
	padding: 0;
}
ul.normalMain { font-size: 1.5em; margin: 0 15%; padding-left: 40px; }

#recommendations { padding: 0 15%; }
#recommendations p { margin-bottom: 25px; }

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