:root {
    --main-font: "Myriad Pro", sans-serif;
    --secondary-font: "Pf Din", sans-serif;
    --color-primary: tomato;
    --color-black: #111111
}

@font-face {
    font-family: "Myriad Pro";
    src: url(../assets/fonts/MyriadPro-BlackCond.eot);
    src: local("Myriad Pro Black Condensed"), local("MyriadPro-BlackCond"), url(../assets/fonts/MyriadPro-BlackCond.eot?#iefix) format("embedded-opentype"), url(../assets/fonts/MyriadPro-BlackCond.woff) format("woff"), url(../assets/fonts/MyriadPro-BlackCond.ttf) format("truetype");
    font-weight: 900;
    font-style: normal
}

@font-face {
    font-family: "Myriad Pro";
    src: url(../assets/fonts/MyriadPro-Cond.eot);
    src: local("Myriad Pro Condensed"), local("MyriadPro-Cond"), url(../assets/fonts/MyriadPro-Cond.eot?#iefix) format("embedded-opentype"), url(../assets/fonts/MyriadPro-Cond.woff) format("woff"), url(MyriadPro-Cond.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: "Myriad Pro";
    src: url(../assets/fonts/MyriadPro-Bold.eot);
    src: local("Myriad Pro Bold"), local("MyriadPro-Bold"), url(../assets/fonts/MyriadPro-Bold.eot?#iefix) format("embedded-opentype"), url(../assets/fonts/MyriadPro-Bold.woff) format("woff"), url(MyriadPro-Bold.ttf) format("truetype");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: "Myriad Pro";
    src: url(../assets/fonts/MyriadPro-LightCond.eot);
    src: local("Myriad Pro Light Condensed"), local("MyriadPro-LightCond"), url(../assets/fonts/MyriadPro-LightCond.eot?#iefix) format("embedded-opentype"), url(../assets/fonts/MyriadPro-LightCond.woff) format("woff"), url(../assets/fonts/MyriadPro-LightCond.ttf) format("truetype");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: "Myriad Pro";
    src: url(../assets/fonts/MyriadPro-SemiCn.eot);
    src: local("Myriad Pro SemiCondensed"), local("MyriadPro-SemiCn"), url(../assets/fonts/MyriadPro-SemiCn.eot?#iefix) format("embedded-opentype"), url(../assets/fonts/MyriadPro-SemiCn.woff) format("woff"), url(MyriadPro-SemiCn.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: "Myriad Pro";
    src: url(../assets/fonts/MyriadPro-BoldCond.eot);
    src: local("Myriad Pro Bold Condensed"), local("MyriadPro-BoldCond"), url(../assets/fonts/MyriadPro-BoldCond.eot?#iefix) format("embedded-opentype"), url(../assets/fonts/MyriadPro-BoldCond.woff) format("woff"), url(MyriadPro-BoldCond.ttf) format("truetype");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: "Myriad Pro";
    src: url(../assets/fonts/MyriadPro-Semibold.eot);
    src: local("Myriad Pro Semibold"), local("MyriadPro-Semibold"), url(../assets/fonts/MyriadPro-Semibold.eot?#iefix) format("embedded-opentype"), url(../assets/fonts/MyriadPro-Semibold.woff) format("woff"), url(MyriadPro-Semibold.ttf) format("truetype");
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: "Myriad Pro";
    src: url(../assets/fonts/MyriadPro-Black.eot);
    src: local("Myriad Pro Black"), local("MyriadPro-Black"), url(../assets/fonts/MyriadPro-Black.eot?#iefix) format("embedded-opentype"), url(../assets/fonts/MyriadPro-Black.woff) format("woff"), url(MyriadPro-Black.ttf) format("truetype");
    font-weight: 900;
    font-style: normal
}

@font-face {
    font-family: "Myriad Pro";
    src: url(../assets/fonts/MyriadPro-Regular.eot);
    src: local("Myriad Pro Regular"), local("MyriadPro-Regular"), url(../assets/fonts/MyriadPro-Regular.eot?#iefix) format("embedded-opentype"), url(../assets/fonts/MyriadPro-Regular.woff) format("woff"), url(MyriadPro-Regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: "Myriad Pro";
    src: url(../assets/fonts/MyriadPro-LightSemiCn.eot);
    src: local("Myriad Pro Light SemiCondensed"), local("MyriadPro-LightSemiCn"), url(../assets/fonts/MyriadPro-LightSemiCn.eot?#iefix) format("embedded-opentype"), url(../assets/fonts/MyriadPro-LightSemiCn.woff) format("woff"), url(../assets/fonts/MyriadPro-LightSemiCn.ttf) format("truetype");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: "Myriad Pro";
    src: url(../assets/fonts/MyriadPro-LightSemiExt.eot);
    src: local("Myriad Pro Light SemiExtended"), local("MyriadPro-LightSemiExt"), url(../assets/fonts/MyriadPro-LightSemiExt.eot?#iefix) format("embedded-opentype"), url(../assets/fonts/MyriadPro-LightSemiExt.woff) format("woff"), url(../assets/fonts/MyriadPro-LightSemiExt.ttf) format("truetype");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: "Myriad Pro";
    src: url(../assets/fonts/MyriadPro-SemiboldCond.eot);
    src: local("Myriad Pro Semibold Condensed"), local("MyriadPro-SemiboldCond"), url(../assets/fonts/MyriadPro-SemiboldCond.eot?#iefix) format("embedded-opentype"), url(../assets/fonts/MyriadPro-SemiboldCond.woff) format("woff"), url(../assets/fonts/MyriadPro-SemiboldCond.ttf) format("truetype");
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: "Myriad Pro";
    src: url(../assets/fonts/MyriadPro-SemiboldSemiCn.eot);
    src: local("Myriad Pro Semibold SemiCondensed"), local("MyriadPro-SemiboldSemiCn"), url(../assets/fonts/MyriadPro-SemiboldSemiCn.eot?#iefix) format("embedded-opentype"), url(../assets/fonts/MyriadPro-SemiboldSemiCn.woff) format("woff"), url(../assets/fonts/MyriadPro-SemiboldSemiCn.ttf) format("truetype");
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: "Myriad Pro";
    src: url(../assets/fonts/MyriadPro-BoldSemiCn.eot);
    src: local("Myriad Pro Bold SemiCondensed"), local("MyriadPro-BoldSemiCn"), url(../assets/fonts/MyriadPro-BoldSemiCn.eot?#iefix) format("embedded-opentype"), url(../assets/fonts/MyriadPro-BoldSemiCn.woff) format("woff"), url(../assets/fonts/MyriadPro-BoldSemiCn.ttf) format("truetype");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: "Myriad Pro";
    src: url(../assets/fonts/MyriadPro-BoldSemiExt.eot);
    src: local("Myriad Pro Bold SemiExtended"), local("MyriadPro-BoldSemiExt"), url(../assets/fonts/MyriadPro-BoldSemiExt.eot?#iefix) format("embedded-opentype"), url(../assets/fonts/MyriadPro-BoldSemiExt.woff) format("woff"), url(../assets/fonts/MyriadPro-BoldSemiExt.ttf) format("truetype");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: "Myriad Pro";
    src: url(../assets/fonts/MyriadPro-Light.eot);
    src: local("Myriad Pro Light"), local("MyriadPro-Light"), url(../assets/fonts/MyriadPro-Light.eot?#iefix) format("embedded-opentype"), url(../assets/fonts/MyriadPro-Light.woff) format("woff"), url(MyriadPro-Light.ttf) format("truetype");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: "Myriad Pro";
    src: url(../assets/fonts/MyriadPro-SemiboldSemiExt.eot);
    src: local("Myriad Pro Semibold SemiExtended"), local("MyriadPro-SemiboldSemiExt"), url(../assets/fonts/MyriadPro-SemiboldSemiExt.eot?#iefix) format("embedded-opentype"), url(../assets/fonts/MyriadPro-SemiboldSemiExt.woff) format("woff"), url(../assets/fonts/MyriadPro-SemiboldSemiExt.ttf) format("truetype");
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: "Myriad Pro";
    src: url(../assets/fonts/MyriadPro-BlackSemiCn.eot);
    src: local("Myriad Pro Black SemiCondensed"), local("MyriadPro-BlackSemiCn"), url(../assets/fonts/MyriadPro-BlackSemiCn.eot?#iefix) format("embedded-opentype"), url(../assets/fonts/MyriadPro-BlackSemiCn.woff) format("woff"), url(../assets/fonts/MyriadPro-BlackSemiCn.ttf) format("truetype");
    font-weight: 900;
    font-style: normal
}

@font-face {
    font-family: "Myriad Pro";
    src: url(../assets/fonts/MyriadPro-BlackSemiExt.eot);
    src: local("Myriad Pro Black SemiExtended"), local("MyriadPro-BlackSemiExt"), url(../assets/fonts/MyriadPro-BlackSemiExt.eot?#iefix) format("embedded-opentype"), url(../assets/fonts/MyriadPro-BlackSemiExt.woff) format("woff"), url(../assets/fonts/MyriadPro-BlackSemiExt.ttf) format("truetype");
    font-weight: 900;
    font-style: normal
}

@font-face {
    font-family: "Myriad Pro";
    src: url(../assets/fonts/MyriadPro-SemiExt.eot);
    src: local("Myriad Pro SemiExtended"), local("MyriadPro-SemiExt"), url(../assets/fonts/MyriadPro-SemiExt.eot?#iefix) format("embedded-opentype"), url(../assets/fonts/MyriadPro-SemiExt.woff) format("woff"), url(MyriadPro-SemiExt.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: "Pf Din";
    src: url(../assets/fonts/PFDinBold.ttf);
    src: url(../assets/fonts/PFDinBold.ttf) format("truetype");
    font-weight: 700;
    font-style: normal
}

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

@font-face {
    font-family: Sansation;
    src: url("../assets/fonts/Sansation Bold.woff2") format("woff2"), url("../assets/fonts/Sansation Bold.woff") format("woff");
    font-weight: 700;
    font-style: normal
}