@font-face {
  src: url(test.ttf);
  font-family: "New Font"; }

.about {
  padding: 10vw;
  padding-bottom: 8vw;
  display: table;
  /*border-spacing:80px;*/
  border-spacing: 80px 0;
  width: 100%; }
  .about .row {
    margin-bottom: 30px;
    display: table-row;
    width: 100%; }
    .about .row .cell {
      display: table-cell;
      vertical-align: middle; }
    .about .row .right {
      width: 50%; }
      .about .row .right h1 {
        font-size: 2rem;
        font-family: "New Font", Karla, Abril Fatface, Times, serif;
        padding-bottom: 20px; }
      .about .row .right .lead {
        font-family: "Imperial Bold", monospace, sans-serif;
        /*font-family: "Imperial", Karla, Abril Fatface, Times, serif; // font-weight: normal;*/
        font-size: 1.25rem;
        font-weight: light;
        line-height: 1.75;
        padding-bottom: 30px; }
        .about .row .right .lead a {
          color: rgba(255, 0, 0, 0.8);
          margin-right: 30px;
          text-decoration: underline; }
    .about .row .left {
      width: 50%;
      /*text-align: center;*/ }
      .about .row .left img {
        height: 50%;
        /*filter: grayscale(.8);*/ }

.extra_deets {
  /*margin: 0 10vw;*/
  margin-left: 14vw;
  /*padding: 0vw 10vw;*/
  display: table;
  width: 100%; }
  .extra_deets .row {
    width: 100%;
    display: table-row; }
    .extra_deets .row .cell {
      width: 33.3333%;
      display: table-cell;
      /*vertical-align: middle;*/
      /*text-align: center;*/ }
      .extra_deets .row .cell h1 {
        font-family: "New Font", Karla, Abril Fatface, Times, serif;
        font-size: 1.9rem; }
      .extra_deets .row .cell .detail {
        line-height: 1.8; }
        .extra_deets .row .cell .detail h1 {
          font-size: 1.4rem; }
        .extra_deets .row .cell .detail .lead {
          font-size: 1rem; }

.dots {
  margin-left: 10px;
  text-align: right; }

.label {
  font-size: 1.25rem;
  font-family: "Imperial Bold", monospace, sans-serif; }

.dot {
  height: 10px;
  width: 10px;
  border-radius: 50%;
  background: red;
  display: inline-block; }

@media screen and (max-width: 1440px) {
  .extra_deets {
    margin-left: 10vw; } }

.off {
  background: rgba(255, 0, 0, 0.1) !important; }

.header-cell {
  margin-bottom: 40px; }

@media screen and (max-width: 1440px) {
  .about {
    padding: 10vw 4vw; } }