/****************************
-- Text Generals --
****************************/
body,
input,
select,
textarea,
textarea,
.grid > *,
.signup .submit:after,
.ibp > *,
.vertical-wrap > .middle,
.autocompleteItem a,
.desktop #home .features-slider-big .feature.active .wrap .inner {
  font-family: Arial, Helvetica, sans-serif;
}

strong {
	font-weight: 700;
}

em {
  font-style: italic;
}

a {
  color: #1a0dab;
  cursor: pointer;
  font-size: 1.5rem;
  line-height: 1;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

a.t2 {
  color: #808080;
}

a.t2:hover {
  color: #662d88;
  text-decoration: none;
}

p a:hover {
  text-decoration: underline;
}

sup,
sub {
  font-size: .35em;
  line-height: 1;
  position: relative;
  top: -1em;
  vertical-align: baseline;
}

sub {
  top: 0.4em;
}

/****************************
-- Titles --
****************************/
h1,
h2,
h3,
h4 {
  color: #662d81;
  font-weight: 700;
}

h1 {
  font-size: 30px;
  font-size: 3.0rem;
  line-height: 1.25; /*1.33*/
  margin: 0 0 0.5em;
}

h2 {
  font-size: 20px;
  font-size: 2.0rem;
  line-height: 1.25;
  margin: 0;
}

h3 {
  font-size: 20px;
  font-size: 2.0rem;
  line-height: 1.25;
  margin: 0;
}

h4 {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.5;
  margin: 0 0 0.5em;
}

h5 {
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.5;
  margin: 0;
}

h6 {
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.5;
  margin: 0;
}

/****************************
-- Paragraphs --
****************************/
p,
ol,
ul {
  color: #333;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.5;
}

p {
  margin: 0.75em 0 0;
}

p:first-of-type {
  margin-top: 0;
}

p.med {
  font-size: 14px;
  font-size: 1.4rem;
}

/****************************
-- Highlight Sections --
****************************/
.highlight h1,
.highlight h2,
.highlight h3,
.highlight h4,
.highlight h5,
.highlight h6,
.highlight p,
.highlight a,
.highlight label {
  color: #fff;
}

/****************************
-- Arrow link --
****************************/
a.arrow {
  display: inline-block;
  padding-right: 12px;
  position: relative;
}

a.arrow:after {
  content: '>';
  font-family: ngicons;
  font-size: 9px;
  margin-top: -3px;
  position: absolute;
  right: 0;
  transition: right 200ms ease;
  top: 50%;
}

a.arrow:hover:after {
  right: -3px;
}

.cta.arrow {
  color: #63bfe8;
  font-weight: 700;
}

.cta.arrow:after {
  color: #63bfe8;
}

.cta.arrow:hover,
.cta.arrow:hover:after {
  color: #21bfc9;
}

/****************************
-- Media Queries --
****************************/
@media screen and (min-width: 50em) {
  /*---------------------
  Titles
  ---------------------*/
  h1 {
    font-size: 40px;
    font-size: 4rem;
  }

  h2 {
    font-size: 32px;
    font-size: 3.2rem;
  }

  h3 {
    font-size: 24px;
    font-size: 2.4rem;
  }

  h4 {
    font-size: 20px;
    font-size: 2rem;
    font-weight: 400;
  }

  h5 {
    font-size: 18px;
    font-size: 1.8rem;  
    font-weight: 700; 
  }

  h6 {
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: 700;
  }

  /*---------------------
  Paragraphs
  ---------------------*/
  /*p,
  p.med,
  .article li {
    font-size: 16px;
    font-size: 1.6rem;
  }*/
}

@media screen and (min-width: 64em) {
  /*---------------------
  Titles
  ---------------------*/
  /*h1 {
    font-size: 50px;
    font-size: 5rem;
  }

  h2 {
    font-size: 42px;
    font-size: 4.2rem;
  }

  h3 {
    font-size: 34px;
    font-size: 3.4rem;
  }

  h4 {
    font-size: 28px;
    font-size: 2.8rem;
    font-weight: 400;
  }*/

  /*---------------------
  Paragraphs
  ---------------------*/
  /*p,
  p.med,
  .article li {
    font-size: 18px;
    font-size: 1.8rem;
  }*/
}