/* tipos */
.wf-active {font-family: "Roboto Condensed"; font-weight: 400;}

h1,h2,h3,h4,p {
  padding: 0;
  line-height: 1;
  margin: 0 auto;
  width: 80%;
}
h1{ font-size: 18px; margin-bottom: 8px; color: #00171c; line-height: 1.2}
h2 {font-size: 10vw; color: #0c3b3d;}
h3 {font-size: 10vw; color: #fff;}
h4 {font-size: 7vw; color: #0c3b3d; font-weight: 300; width: 90%; margin-bottom: 15px;}
h4 + p {width: 90%}
h1 span {display:inline-block; color:#94bb1e; border-bottom:solid 1px #94bb1e;padding-bottom: 1px;}
h2 span, h3 span {display: block; font-weight: 300; font-size: 6vw; margin-bottom: 15px;}
h4 span {font-weight: 700}

p {
  font-weight: 300;
  line-height: 1.4;
  font-size: 16px;
  color: #00171c;
}
.wf-active p {font-size: 18px}
p strong {font-weight: 400}

@media only screen and (max-width: 959px) {
  h2, h3, h4 { padding: 10vw 0 3vw;}
  p {margin-bottom: 30px;}
}

  @media only screen and (min-width: 960px) {
    h2 {font-size: 4vw;}
    h3 {font-size: 4vw;}
    h4 {font-size: 3vw;}
    h2 span, h3 span {font-size: 2.2vw;}
    p {font-size: 14px;}
    .wf-active p {font-size: 16px}
  }

  @media only screen and (min-width: 1440px) {
      h4 {font-size: 2.2vw;}
  }


/* tipos */