/* ####################################################
NOTE
I am coding styles using SASS (.scss) which is then compiled using Compass into this .css

This is (.scss) file for variables and mixins of Health Scope website

Created by Sam Silvey
###################################################
*/
html, body {
  height: 100%;
  font-size: 10px;
  color: #000;
  margin: 0;
  padding: 0; }
  @media (min-width: 767px) and (max-width: 1100px) {
    html, body {
      font-size: 8.5px; } }
  @media (max-width: 767px) {
    html, body {
      font-size: 7.7px; } }

a {
  color: #337ab7; }
  a:hover {
    color: #06e;
    text-decoration: none; }
a:visited {
	color: #551a8b;
}
  a:focus {
    outline: none;
    text-decoration: none;
    color: inherit; }

p {
  margin: 0 0 18px 0;
  font-size: 1.5em;
  line-height: 1.38;
  font-family: 'GothamBook'; }
  @media (max-width: 767px) {
    p {
      margin: 0 0 10px 0; } }

p:last-child {
  margin: 0; }

h1 {
  margin-top: 0;
  text-transform: uppercase; 
    color: #000000;
}

h2, h3, h4, h5, h6 {
  margin-top: 0;
    color: #000000;
}

h1 {
  font-size: 7em;
  margin-bottom: 20px; }
  @media (max-width: 767px) {
    h1 {
      font-size: 4em; } }

h2 {
  font-size: 5em;
  margin-bottom: 15px; }
  @media (max-width: 767px) {
    h2 {
      font-size: 3.5em; } }

h3 {
  font-size: 3.68em;
  margin-bottom: 8px; }
  @media (max-width: 767px) {
    h3 {
      font-size: 3em; } }

h4 {
  font-size: 2.3em;
  margin-bottom: 0.8em; }

h5 {
  font-size: 1.73em;
  margin-bottom: 15px; }

h6 {
  font-size: 1.6em;
  margin-bottom: 0.5em; }

.text-justify {
  text-align: justify; }

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

img {
  max-width: 100%;
  height: auto; }

a img {
  border: 0 none; }

textarea {
  resize: none; }

section, article {
  position: relative;
  width: 100%;
  float: left; }

.full-img {
  width: 100%; }

.uppercase {
  text-transform: uppercase; }

.full-text-center {
  display: inline-block;
  text-align: center;
  width: 100%; }

.inner_container {
  max-width: 967px;
  margin: 0 auto 0; }
  .inner_container:before, .inner_container:after {
    content: " ";
    display: table; }
  .inner_container:after {
    clear: both; }
  @media (max-width: 997px) {
    .inner_container {
      width: 100%;
      float: left;
      margin: 0 0 0;
      padding: 0 1.5em; } }

@media (max-width: 767px) {
  .mobile-txt-center {
    text-align: center; } }

.left_right_btn {
  text-align: center;
  border-style: solid;
  border-width: 3px;
  border-color: #4a4a4a;
  display: inline-block;
  padding: 12px 25px;
  cursor: pointer;
  color: #4a4a4a;
  letter-spacing: 0.23em;
  text-transform: uppercase;
  -webkit-transition: all 0.38s ease;
  -moz-transition: all 0.38s ease;
  -ms-transition: all 0.38s ease;
  -o-transition: all 0.38s ease;
  transition: all 0.38s ease;
  font-size: 15px;
  position: relative;
  outline: 0;
  *overflow: hidden;
  background: none;
  z-index: 1; }

.left_right_btn:hover {
  color: #fff; }

.left_right_btn:before {
  content: "";
  position: absolute;
  background: #4a4a4a;
  bottom: 0;
  left: 0;
  right: 100%;
  top: 0;
  z-index: -1;
  -webkit-transition: all 0.38s ease;
  -moz-transition: all 0.38s ease;
  -ms-transition: all 0.38s ease;
  -o-transition: all 0.38s ease;
  transition: all 0.38s ease; }

.left_right_btn:hover:before {
  right: 0; }

img.alignright {
  float: right;
  margin: 0 0 1em 1em; }

img.alignleft {
  float: left;
  margin: 0 1em 1em 0; }

img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.alignright {
  float: right; }

.alignleft {
  float: left; }

.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.page_header {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: transparent;
  min-height: fit-content;
}

.page_wrapper {
  width: 100%;
  float: left; }

hr {
  margin: 0;
  border-color: #fff;
  border-width: 4px; }
  @media (max-width: 767px) {
    hr {
      border-width: 3px; } }

.back_link {
/*   font-family: 'kurry_ecoregular'; */
	    font-family: 'GothamMedium';
  font-size: 4.3em;
  background: url(../images/arrow-back.png) no-repeat right bottom transparent;
  padding: 8px 29px 0 0;
  display: inline-block;
  line-height: 0.75; }
  @media (max-width: 767px) {
    .back_link {
      line-height: 0.85; } }

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