@font-face {
  font-family: 'Selecta';
  src: url('./fonts/mca-selecta-regular-aug-16.woff') format('woff');
  font-weight: 100 1000;
  font-style: normal;
}

/*
 * Commented out, since Selecta Italic seems to have been automatically generated - glyphs not designed. So some of the glyphs overflow the left boundary, which becomes a problem if they are under the sidebar.
 *
@font-face {
  font-family: 'Selecta';
  src: url('./fonts/selecta_italic.woff') format('woff');
  font-weight: 100 1000;
  font-style: italic;
}
*/




.selecta_p {
  font-size: 46px;
  font-weight: 400;
  line-height: 1.2;
}

@media (max-width: 2560px) {
  .selecta_p {
    font-size: 28px;
    line-height: 1.2;
  }
}

@media (max-width: 1260px) {
  .selecta_p {
    font-size: 24px;
    line-height: 1.2;
  }
}

@media (max-width: 768px) {
  .selecta_p {
    font-size: 18px;
    line-height: 1.2;
  }
}


.selecta_p2 {
  font-size: 22px;
  font-weight: 400;
  line-height: 1.2;
}

@media (max-width: 2560px) {
  .selecta_p2 {
    font-size: 18px;
    line-height: 1.2;
  }
}

@media (max-width: 1260px) {
  .selecta_p2 {
    font-size: 16px;
    line-height: 1.2;
  }
}

@media (max-width: 768px) {
  .selecta_p2 {
    font-size: 14px;
    line-height: 1.2;
  }
}


.selecta_h5, h5,
.selecta_h6, h6 {
  font-size: 46px;
  font-weight: 400;
  line-height: 1.15;
}

@media (max-width: 2560px) {
  .selecta_h5, h5,
  .selecta_h6, h6 {
    font-size: 31px;
    line-height: 1.15;
  }
}

@media (max-width: 1260px) {
  .selecta_h5, h5,
  .selecta_h6, h6 {
    font-size: 24px;
    line-height: 1.15;
  }
}

@media (max-width: 768px) {
  .selecta_h5, h5,
  .selecta_h6, h6 {
    font-size: 18px;
    line-height: 1.15;
  }
}



.selecta_h2, h2,
.selecta_h3, h3,
.selecta_h4, h4 {
  font-size: 60px;
  font-weight: 400;
  line-height: 1.1;
}

@media (max-width: 2560px) {
  .selecta_h2, h2,
  .selecta_h3, h3,
  .selecta_h4, h4 {
    font-size: 46px;
    line-height: 1.1;
  }
}

@media (max-width: 1260px) {
  .selecta_h2, h2,
  .selecta_h3, h3,
  .selecta_h4, h4 {
    font-size: 31px;
    line-height: 1.1;
  }
}

@media (max-width: 768px) {
  .selecta_h2, h2,
  .selecta_h3, h3,
  .selecta_h4, h4 {
    font-size: 24px;
    line-height: 1.1;
  }
}



.selecta_h1, h1 {
  font-size: 115px;
  font-weight: 400;
  line-height: 1;
}

@media (max-width: 2560px) {
  .selecta_h1, h1 {
    font-size: 88px;
    line-height: 1;
  }
}

@media (max-width: 1260px) {
  .selecta_h1, h1 {
    font-size: 60px;
    line-height: 1;
  }
}

@media (max-width: 768px) {
  .selecta_h1, h1 {
    font-size: 31px;
    line-height: 1;
  }
}