@font-face {
  font-family: "Alte Haas Grotesk";
  src: url("AlteHaasGrotesk_Bold.eot");
  src: url("AlteHaasGrotesk_Bold.eot?#iefix") format("embedded-opentype"),
    url("AlteHaasGrotesk_Bold.woff2") format("woff2"),
    url("AlteHaasGrotesk_Bold.woff") format("woff"),
    url("AlteHaasGrotesk_Bold.ttf") format("truetype"),
    url("AlteHaasGrotesk_Bold.svg#AlteHaasGrotesk_Bold") format("svg");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "Alte Haas Grotesk";
  src: url("AlteHaasGrotesk.eot");
  src: url("AlteHaasGrotesk.eot?#iefix") format("embedded-opentype"),
    url("AlteHaasGrotesk.woff2") format("woff2"),
    url("AlteHaasGrotesk.woff") format("woff"),
    url("AlteHaasGrotesk.ttf") format("truetype"),
    url("AlteHaasGrotesk.svg#AlteHaasGrotesk") format("svg");
  font-weight: normal;
  font-style: normal;
}
/*
.row10 {

}

.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
  position: relative;
  min-height: 1px;
}

.col-xs-5ths {
  width: 20%;
  float: left;
  flex: 1 0 auto;
  height: auto;
}

.col-xs-5ths:before {
  content: "";
  float: left;
  padding-top: 100%;
}

@media (min-width: 768px) {
  .col-sm-5ths {
    width: 20%;
    float: left;
  }
}

@media (min-width: 992px) {
  .col-md-5ths {
    width: 20%;
    float: left;
  }
}

@media (min-width: 1200px) {
  .col-lg-5ths {
    width: 20%;
    float: left;
  }
}
*/