@font-face {
  font-family: 'Recta';
  src: url("../../../assets/fonts/recta.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Recta';
  src: url("../../../assets/fonts/recta-italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Recta';
  src: url("../../../assets/fonts/recta-medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Recta';
  src: url("../../../assets/fonts/recta-bold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Recta';
  src: url("../../../assets/fonts/recta-bold-italic.ttf") format("truetype");
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'Recta';
  src: url("../../../assets/fonts/recta-light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Recta';
  src: url("../../../assets/fonts/recta-light-italic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: 'Helveticaneue';
  src: url("../../../assets/fonts/helveticaneue.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Helveticaneue';
  src: url("../../../assets/fonts/helveticaneue-bold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Helveticaneue';
  src: url("../../../assets/fonts/helveticaneue-light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Simoncini';
  src: url("../../../assets/fonts/simoncinigaramond.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Simoncini';
  src: url("../../../assets/fonts/simoncinigaramond-italic.otf") format("opentype");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Simoncini';
  src: url("../../../fonts/simoncinigaramond-bold.otf") format("opentype");
  font-weight: 600;
  font-style: normal;
}

.main::after {
  clear: both;
  content: "";
  display: block;
}

.insight-image {
  width: calc(100% - 40px);
  float: left;
  margin-left: 20px;
  height: calc(100vh - 200px);
  margin-bottom: 40px;
  overflow: hidden;
}

.insight-image img {
  max-width: 100%;
  width: 100%;
}

.insight-image .parallax {
  height: 100%;
}

.insight-image:hover img {
  -webkit-filter: blur(10px);
          filter: blur(10px);
}

.insight-info {
  width: calc(100% - 40px);
  float: left;
  margin-left: 20px;
  margin-bottom: 20px;
}

@media only screen and (min-width: 768px) {
  .insight-info {
    width: calc(33.33333333% - 26.66666667px);
    float: left;
    margin-left: 20px;
    margin-bottom: 0;
  }
}

.insight-info h2 {
  margin-top: .5em;
}

.insight-content {
  width: calc(100% - 40px);
  float: left;
  margin-left: 20px;
  margin-bottom: 60px;
}

@media only screen and (min-width: 768px) {
  .insight-content {
    width: calc(66.66666667% - 33.33333333px);
    float: left;
    margin-left: 20px;
  }
}

@media only screen and (min-width: 1024px) {
  .insight-content {
    width: calc(58.33333333% - 31.66666667px);
    float: left;
    margin-left: 20px;
    margin-left: calc(8.33333333% - 21.66666667px + 40px);
  }
}

.insight-content img {
  width: 100%;
  max-width: 100%;
}