/* colors and typography */
/* media, grid, width */
/* responsive typography - graphworks framework v2.0 */
html {
  font-size: 100%; }

/* headlines */
h1, h2, h3, h4, h5, h6 {
  font-family: "Source Sans Pro";
  margin: 0;
  padding: 0; }

h1 {
  font-weight: 200 !important;
  color: #66e4f0; }

h2 {
  font-weight: 300 !important;
  color: #66e4f0;
  text-transform: uppercase; }

h3 {
  font-weight: 300 !important;
  color: white; }

h4 {
  font-weight: 300 !important;
  color: #1b1b1b;
  text-transform: uppercase; }

h5 {
  font-weight: 300 !important;
  color: #66e4f0; }

h5 span {
  font-weight: 300 !important;
  color: #6a6966; }

h6 {
  font-weight: 300 !important;
  color: #999999; }

p.white {
  color: white; }

.red {
  color: #66e4f0; }

/* link */
a:link {
  color: white;
  font-weight: bold;
  text-decoration: none;
  text-transform: uppercase; }

a:hover {
  color: white;
  font-weight: bold;
  text-decoration: none; }

a:visited {
  color: white;
  font-weight: bold;
  text-decoration: none; }

a:active {
  color: white;
  font-weight: bold;
  text-decoration: none; }

/* complementary */
.ultralight {
  font-weight: 100 !important; }

.light {
  font-weight: 200 !important; }

.normal {
  font-weight: 300 !important; }

.bold, b {
  font-weight: 600 !important; }

.extra-bold {
  font-weight: 800 !important; }

.tal {
  text-align: left; }

.tac {
  text-align: center; }

.tar {
  text-align: right; }

span.underline {
  text-decoration: underline !important; }

span.uppercase {
  text-transform: uppercase !important; }

span.lowercase {
  text-transform: lowercase !important; }

/* responsive typography */
@media only screen and (max-width: 320px) {
  h1 {
    font-size: 59.2px;
    line-height: 68.08px;
    padding-bottom: 2.64286px;
    font-size: 3.7rem;
    line-height: 4.255rem;
    padding-bottom: 0.96705rem; }

  h2 {
    font-size: 43.2px;
    line-height: 49.68px;
    padding-bottom: 1.92857px;
    font-size: 2.7rem;
    line-height: 3.105rem;
    padding-bottom: 0.70568rem;
    padding-bottom: 0; }

  h3 {
    font-size: 20.48px;
    line-height: 23.552px;
    padding-bottom: 0.91429px;
    font-size: 1.28rem;
    line-height: 1.472rem;
    padding-bottom: 0.33455rem;
    padding-bottom: 2rem; }

  h4 {
    font-size: 23.04px;
    line-height: 26.496px;
    padding-bottom: 1.02857px;
    font-size: 1.44rem;
    line-height: 1.656rem;
    padding-bottom: 0.37636rem; }

  h5 {
    font-size: 16px;
    line-height: 18.4px;
    padding-bottom: 0.71429px;
    font-size: 1rem;
    line-height: 1.15rem;
    padding-bottom: 0.26136rem; }

  h6 {
    font-size: 16px;
    line-height: 18.4px;
    padding-bottom: 0.71429px;
    font-size: 1rem;
    line-height: 1.15rem;
    padding-bottom: 0.26136rem; } }
@media only screen and (min-width: 321px) {
  h1 {
    font-size: 59.2px;
    line-height: 68.08px;
    padding-bottom: 2.64286px;
    font-size: 3.7rem;
    line-height: 4.255rem;
    padding-bottom: 0.96705rem; }

  h2 {
    font-size: 43.2px;
    line-height: 49.68px;
    padding-bottom: 1.92857px;
    font-size: 2.7rem;
    line-height: 3.105rem;
    padding-bottom: 0.70568rem;
    padding-bottom: 0; }

  h3 {
    font-size: 20.48px;
    line-height: 23.552px;
    padding-bottom: 0.91429px;
    font-size: 1.28rem;
    line-height: 1.472rem;
    padding-bottom: 0.33455rem;
    padding-bottom: 2rem; }

  h4 {
    font-size: 23.04px;
    line-height: 26.496px;
    padding-bottom: 1.02857px;
    font-size: 1.44rem;
    line-height: 1.656rem;
    padding-bottom: 0.37636rem; }

  h5 {
    font-size: 16px;
    line-height: 18.4px;
    padding-bottom: 0.71429px;
    font-size: 1rem;
    line-height: 1.15rem;
    padding-bottom: 0.26136rem; }

  h6 {
    font-size: 16px;
    line-height: 18.4px;
    padding-bottom: 0.71429px;
    font-size: 1rem;
    line-height: 1.15rem;
    padding-bottom: 0.26136rem; } }
@media only screen and (min-width: 620px) {
  h1 {
    font-size: 71.04px;
    line-height: 81.696px;
    padding-bottom: 3.17143px;
    font-size: 4.44rem;
    line-height: 5.106rem;
    padding-bottom: 1.16045rem; }

  h2 {
    font-size: 48px;
    line-height: 55.2px;
    padding-bottom: 2.14286px;
    font-size: 3rem;
    line-height: 3.45rem;
    padding-bottom: 0.78409rem;
    padding-bottom: 0; }

  h3 {
    font-size: 25.6px;
    line-height: 29.44px;
    padding-bottom: 1.14286px;
    font-size: 1.6rem;
    line-height: 1.84rem;
    padding-bottom: 0.41818rem;
    padding-bottom: 2rem; }

  h4 {
    font-size: 23.04px;
    line-height: 26.496px;
    padding-bottom: 1.02857px;
    font-size: 1.44rem;
    line-height: 1.656rem;
    padding-bottom: 0.37636rem; }

  h5 {
    font-size: 16px;
    line-height: 18.4px;
    padding-bottom: 0.71429px;
    font-size: 1rem;
    line-height: 1.15rem;
    padding-bottom: 0.26136rem; }

  h6 {
    font-size: 16px;
    line-height: 18.4px;
    padding-bottom: 0.71429px;
    font-size: 1rem;
    line-height: 1.15rem;
    padding-bottom: 0.26136rem; } }
@media only screen and (min-width: 860px) {
  h1 {
    font-size: 82.88px;
    line-height: 95.312px;
    padding-bottom: 3.7px;
    font-size: 5.18rem;
    line-height: 5.957rem;
    padding-bottom: 1.35386rem; }

  h2 {
    font-size: 62.4px;
    line-height: 71.76px;
    padding-bottom: 2.78571px;
    font-size: 3.9rem;
    line-height: 4.485rem;
    padding-bottom: 1.01932rem;
    padding-bottom: 0; }

  h3 {
    font-size: 30.72px;
    line-height: 35.328px;
    padding-bottom: 1.37143px;
    font-size: 1.92rem;
    line-height: 2.208rem;
    padding-bottom: 0.50182rem;
    padding-bottom: 2rem; }

  h4 {
    font-size: 23.04px;
    line-height: 26.496px;
    padding-bottom: 1.02857px;
    font-size: 1.44rem;
    line-height: 1.656rem;
    padding-bottom: 0.37636rem; }

  h5 {
    font-size: 19.2px;
    line-height: 22.08px;
    padding-bottom: 0.85714px;
    font-size: 1.2rem;
    line-height: 1.38rem;
    padding-bottom: 0.31364rem; }

  h6 {
    font-size: 16px;
    line-height: 18.4px;
    padding-bottom: 0.71429px;
    font-size: 1rem;
    line-height: 1.15rem;
    padding-bottom: 0.26136rem; } }
@media only screen and (min-width: 1024px) {
  h1 {
    font-size: 94.72px;
    line-height: 108.928px;
    padding-bottom: 4.22857px;
    font-size: 5.92rem;
    line-height: 6.808rem;
    padding-bottom: 1.54727rem; }

  h2 {
    font-size: 72px;
    line-height: 82.8px;
    padding-bottom: 3.21429px;
    font-size: 4.5rem;
    line-height: 5.175rem;
    padding-bottom: 1.17614rem;
    padding-bottom: 0; }

  h3 {
    font-size: 35.84px;
    line-height: 41.216px;
    padding-bottom: 1.6px;
    font-size: 2.24rem;
    line-height: 2.576rem;
    padding-bottom: 0.58545rem;
    padding-bottom: 2rem; }

  h4 {
    font-size: 24.96px;
    line-height: 28.704px;
    padding-bottom: 1.11429px;
    font-size: 1.56rem;
    line-height: 1.794rem;
    padding-bottom: 0.40773rem; }

  h5 {
    font-size: 20.8px;
    line-height: 23.92px;
    padding-bottom: 0.92857px;
    font-size: 1.3rem;
    line-height: 1.495rem;
    padding-bottom: 0.33977rem; }

  h6 {
    font-size: 17.6px;
    line-height: 20.24px;
    padding-bottom: 0.78571px;
    font-size: 1.1rem;
    line-height: 1.265rem;
    padding-bottom: 0.2875rem; } }
@media only screen and (min-width: 1230px) {
  h1 {
    font-size: 118.4px;
    line-height: 136.16px;
    padding-bottom: 5.28571px;
    font-size: 7.4rem;
    line-height: 8.51rem;
    padding-bottom: 1.93409rem;
    padding-bottom: 0rem; }

  h2 {
    font-size: 96px;
    line-height: 110.4px;
    padding-bottom: 4.28571px;
    font-size: 6rem;
    line-height: 6.9rem;
    padding-bottom: 1.56818rem;
    padding-bottom: 0; }

  h3 {
    font-size: 51.2px;
    line-height: 58.88px;
    padding-bottom: 2.28571px;
    font-size: 3.2rem;
    line-height: 3.68rem;
    padding-bottom: 0.83636rem;
    padding-bottom: 2.4rem; }

  h4 {
    font-size: 34.56px;
    line-height: 39.744px;
    padding-bottom: 1.54286px;
    font-size: 2.16rem;
    line-height: 2.484rem;
    padding-bottom: 0.56455rem;
    padding-bottom: 0rem; }

  h5 {
    font-size: 25.6px;
    line-height: 29.44px;
    padding-bottom: 1.14286px;
    font-size: 1.6rem;
    line-height: 1.84rem;
    padding-bottom: 0.41818rem; }

  h6 {
    font-size: 19.2px;
    line-height: 22.08px;
    padding-bottom: 0.85714px;
    font-size: 1.2rem;
    line-height: 1.38rem;
    padding-bottom: 0.31364rem; } }