@import url('https://fonts.googleapis.com/css?family=Martel+Sans:800|Montserrat:800|Work+Sans:100,300,500'|Tangerine:400,700);
.slate_above {
  background: lightslategray;
  color: #fff;
  opacity: 0.5;
  filter: alpha(opacity=30); /* For IE8 and earlier */
  position: relative;
  z-index: 1;
  margin-left: -10px;
  padding-top: 10px;
  width: 120%;
  height: 3em;
}

.slate_above:after {
  background: inherit;
  bottom: 0;
  content: '';
  display: block;
  height: 200;
  left: 0;
  position: absolute;
  right: 0;
  transform: skewY(4deg);
  transform-origin: 0;
  z-index: -1;
}

.slate_below {
  background: lightslategray;
  opacity: 0.5;
  filter: alpha(opacity=30); /* For IE8 and earlier */
  color: #fff;
  position: absolute;
  bottom: 0px;
  z-index: 1;
  margin-left: -10px;
  padding-top: 50px;
  width: 120%;
  height: 3em;
}

.slate_below:before {
  background: inherit;
  margin-bottom: -50px;
  bottom: 0;
  content: '';
  display: block;
  height: 150px;
  left: 0;
  position: absolute;
  right: 0;
  transform: skewY(-4deg);
  transform-origin: 0;
  z-index: -1;
}

h1 { 
  font-family: 'Montserrat', sans-serif; 
  font-size: 12em; 
  font-style: normal; 
  font-variant: normal; 
  font-weight: 800; 
  line-height: 0.8em; 
  /* text-align: center; */ 
}

h2 { 
  font-family: 'Work Sans', sans-serif; 
  font-size: 3em; font-style: normal; 
  font-variant: normal; 
  font-weight: 100; 
  line-height: 0.5em; 
  margin-top: -72px; 
  text-align: center;
}

p { 
  font-family: 'Work Sans', sans-serif; 
  font-size: 1em; 
  font-style: normal; 
  font-variant: normal; 
  font-weight: 300; 
  line-height: 1em; 
  color: red;
}

.subline {
  color: black;
  font-weight: 100;
  font-size: 1.5em;
  /* text-align: right;*/
  padding-right: 10em;
  margin-top: -4em;
  padding-bottom: 3em;
}

.bold { 
  font-weight: 700; 
}

.center {
  /* margin: auto; */
  /*width: 66.6%; */
  padding: 30px;
}

@media (max-width: 960px) {
  h1 {
    font-size: 6em;
  }
  
  h2 {
    font-size: 2.25em;
  }
  
  .subline {
    font-size: 1.25em;
    margin-top: -2.3em;
  }
}

@media (max-width: 520px) {
  .slate_above {
    display: none;
  }
  
  .slate_below {
    display: none;
  }

  h1 {
    font-size: 4em;
  }

  h2 {
    font-size: 1.75em;
  }

  .subline {
    margin-top: -1.3em;
  }
}