/* Ivy Mode */
/*@font-face {
  font-family: "Ivy Mode";
  src: url("./IvyMode/IvyMode-Regular.eot");
  src: local("Ivy Mode Regular"), local("IvyMode-Regular"),
    url("./IvyMode/IvyMode-Regular.eot?#iefix") format("embedded-opentype"),
    url("./IvyMode/IvyMode-Regular.woff2") format("woff2"),
    url("./IvyMode/IvyMode-Regular.woff") format("woff"),
    url("./IvyMode/IvyMode-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Ivy Mode";
  src: url("./IvyMode/IvyMode-LightItalic.eot");
  src: local("Ivy Mode Light Italic"), local("IvyMode-LightItalic"),
    url("./IvyMode/IvyMode-LightItalic.eot?#iefix") format("embedded-opentype"),
    url("./IvyMode/IvyMode-LightItalic.woff2") format("woff2"),
    url("./IvyMode/IvyMode-LightItalic.woff") format("woff"),
    url("./IvyMode/IvyMode-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "Ivy Mode";
  src: url("./IvyMode/IvyMode-SemiBoldItalic.eot");
  src: local("Ivy Mode SemiBold Italic"), local("IvyMode-SemiBoldItalic"),
    url("./IvyMode/IvyMode-SemiBoldItalic.eot?#iefix")
      format("embedded-opentype"),
    url("./IvyMode/IvyMode-SemiBoldItalic.woff2") format("woff2"),
    url("./IvyMode/IvyMode-SemiBoldItalic.woff") format("woff"),
    url("./IvyMode/IvyMode-SemiBoldItalic.ttf") format("truetype");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "Ivy Mode";
  src: url("./IvyMode/IvyMode-ThinItalic.eot");
  src: local("Ivy Mode Thin Italic"), local("IvyMode-ThinItalic"),
    url("./IvyMode/IvyMode-ThinItalic.eot?#iefix") format("embedded-opentype"),
    url("./IvyMode/IvyMode-ThinItalic.woff2") format("woff2"),
    url("./IvyMode/IvyMode-ThinItalic.woff") format("woff"),
    url("./IvyMode/IvyMode-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
}
@font-face {
  font-family: "Ivy Mode";
  src: url("./IvyMode/IvyMode-Italic.eot");
  src: local("Ivy Mode Italic"), local("IvyMode-Italic"),
    url("./IvyMode/IvyMode-Italic.eot?#iefix") format("embedded-opentype"),
    url("./IvyMode/IvyMode-Italic.woff2") format("woff2"),
    url("./IvyMode/IvyMode-Italic.woff") format("woff"),
    url("./IvyMode/IvyMode-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "Ivy Mode";
  src: url("./IvyMode/IvyMode-BoldItalic.eot");
  src: local("Ivy Mode Bold Italic"), local("IvyMode-BoldItalic"),
    url("./IvyMode/IvyMode-BoldItalic.eot?#iefix") format("embedded-opentype"),
    url("./IvyMode/IvyMode-BoldItalic.woff2") format("woff2"),
    url("./IvyMode/IvyMode-BoldItalic.woff") format("woff"),
    url("./IvyMode/IvyMode-BoldItalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "Ivy Mode";
  src: url("./IvyMode/IvyMode-Bold.eot");
  src: local("Ivy Mode Bold"), local("IvyMode-Bold"),
    url("./IvyMode/IvyMode-Bold.eot?#iefix") format("embedded-opentype"),
    url("./IvyMode/IvyMode-Bold.woff2") format("woff2"),
    url("./IvyMode/IvyMode-Bold.woff") format("woff"),
    url("./IvyMode/IvyMode-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Ivy Mode";
  src: url("./IvyMode/IvyMode-Light.eot");
  src: local("Ivy Mode Light"), local("IvyMode-Light"),
    url("./IvyMode/IvyMode-Light.eot?#iefix") format("embedded-opentype"),
    url("./IvyMode/IvyMode-Light.woff2") format("woff2"),
    url("./IvyMode/IvyMode-Light.woff") format("woff"),
    url("./IvyMode/IvyMode-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Ivy Mode";
  src: url("./IvyMode/IvyMode-Thin.eot");
  src: local("Ivy Mode Thin"), local("IvyMode-Thin"),
    url("./IvyMode/IvyMode-Thin.eot?#iefix") format("embedded-opentype"),
    url("./IvyMode/IvyMode-Thin.woff2") format("woff2"),
    url("./IvyMode/IvyMode-Thin.woff") format("woff"),
    url("./IvyMode/IvyMode-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "Ivy Mode";
  src: url("./IvyMode/IvyMode-SemiBold.eot");
  src: local("Ivy Mode SemiBold"), local("IvyMode-SemiBold"),
    url("./IvyMode/IvyMode-SemiBold.eot?#iefix") format("embedded-opentype"),
    url("./IvyMode/IvyMode-SemiBold.woff2") format("woff2"),
    url("./IvyMode/IvyMode-SemiBold.woff") format("woff"),
    url("./IvyMode/IvyMode-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}
*/
.font--ivy-mode {
  font-family: "PP Neue World",Arial, Helvetica, sans-serif;
}

/* PP NEUE WORLD */

@font-face {
  font-family: "PP Neue World";
  src: url("./PPNeueWorld/PPNeueWorld-Condensed-Regular/PPNeueWorld-CondensedRegular.eot"),
    url("./PPNeueWorld/PPNeueWorld-Condensed-Regular/PPNeueWorld-CondensedRegular.eot?#iefix") format("embedded-opentype"),
    url("./PPNeueWorld/PPNeueWorld-Condensed-Regular/PPNeueWorld-CondensedRegular.woff2") format("woff2"),
    url("./PPNeueWorld/PPNeueWorld-Condensed-Regular/PPNeueWorld-CondensedRegular.woff") format("woff"),
    url("./PPNeueWorld/PPNeueWorld-Condensed-Regular/PPNeueWorld-CondensedRegular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}



/* Avenir */
@font-face {
  font-family: "Avenir";
  src: url("./Avenir/Avenir-Book-01.ttf") format("truetype");
  font-weight: 400;
}
@font-face {
  font-family: "Avenir";
  src: url("./Avenir/Avenir-BookOblique-02.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "Avenir";
  src: url("./Avenir/Avenir-Black-03.ttf") format("truetype");
  font-weight: 900;
}
@font-face {
  font-family: "Avenir";
  src: url("./Avenir/Avenir-BlackOblique-04.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "Avenir";
  src: url("./Avenir/Avenir-Heavy-05.ttf") format("truetype");
  font-weight: 600;
}
@font-face {
  font-family: "Avenir";
  src: url("./Avenir/Avenir-HeavyOblique-06.ttf") format("truetype");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "Avenir";
  src: url("./Avenir/Avenir-Light-07.ttf") format("truetype");
  font-weight: 300;
}
@font-face {
  font-family: "Avenir";
  src: url("./Avenir/Avenir-LightOblique-08.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "Avenir";
  src: url("./Avenir/Avenir-Medium-09.ttf") format("truetype");
  font-weight: 500;
}
@font-face {
  font-family: "Avenir";
  src: url("./Avenir/Avenir-MediumOblique-10.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "Avenir";
  src: url("./Avenir/Avenir-Oblique-11.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "Avenir";
  src: url("./Avenir/Avenir-Roman-12.ttf") format("truetype");
  font-weight: 400;
}

/* Weights */
.font--italic {
  font-style: italic;
}
.font--thin {
  font-weight: 100;
}
.font--thin--italic {
  font-weight: 100;
  font-style: italic;
}
.font--light {
  font-weight: 300;
}
.font--light--italic {
  font-weight: 300;
  font-style: italic;
}
.font--regular {
  font-weight: 400;
}
.font--medium {
  font-weight: 500;
}
.font--medium--italic {
  font-weight: 500;
  font-style: italic;
}
.font--semi-bold {
  font-weight: 600;
}
.font--semi-bold--italic {
  font-weight: 600;
  font-style: italic;
}
.font--bold {
  font-weight: 700;
}
.font--bold--italic {
  font-weight: 700;
  font-style: italic;
}
.font--black {
  font-weight: 900;
}
.font--black--italic {
  font-weight: 900;
  font-style: italic;
}
/* Attributes */
.text--uppercase {
  text-transform: uppercase;
}

/* Specific */
.text--big-title {
  font-size: 64px;
  line-height: 78px;
  text-transform: uppercase;
}
.text--big-description {
  font-size: 20px;
  line-height: 26px;
}
.text--small-title {
  font-size: 16px;
  line-height: 22px;

  text-transform: uppercase;
}
.text--title {
  font-size: 52px;
  line-height: 65px;
  text-transform: uppercase;
}
.text--extra-title {
  font-size: 36px;
  line-height: 41px;
  text-transform: uppercase;
}
.text--description {
  font-size: 20px;
  line-height: 33px;
}
.text--label {
  font-size: 24px;
  line-height: 33px;

  text-transform: uppercase;
}
.social__text{
  font-size: 52px;
  line-height: 65px;
  text-transform: uppercase;
}

@media screen and (max-width: 1100px) {
  .text--big-title {
    font-size: 58px;
  }
  .text--small-title {
    font-size: 14px;
    line-height: 19px;
  }
  .text--title {
    font-size: 38px;
    line-height: 44px;
  }
  .text--extra-title {
    font-size: 26px;
    line-height: 36px;
  }
  .text--description {
    font-size: 14px;
    line-height: 23px;
  }
  .text--label {
    font-size: 16px;
    line-height: 22px;
  }
}
@media screen and (max-width: 767px) {
  .text--big-title {
    font-size: 38px;
    line-height: 44px;
  }
  .text--big-description {
    font-size: 16px;
    line-height: 22px;
  }
  .text--small-title {
    font-size: 14px;
    line-height: 19px;
  }
  .text--title {
    font-size: 28px;
    line-height: 31px;
  }
  .text--description {
    font-size: 14px;
    line-height: 23px;
  }
  .text--label {
    font-size: 16px;
    line-height: 22px;
  }
}