@font-face {
  font-family: "Gotham";
  src: url("/fonts/Gotham-LightItalic.eot");
  src: local("/fonts/Gotham Light Italic"), local("/fonts/Gotham-LightItalic"),
    url("/fonts/Gotham-LightItalic.eot?#iefix") format("embedded-opentype"),
    url("/fonts/Gotham-LightItalic.woff2") format("woff2"),
    url("/fonts/Gotham-LightItalic.woff") format("woff"),
    url("/fonts/Gotham-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: "Gotham";
  src: url("/fonts/Gotham-BoldItalic.eot");
  src: local("/fonts/Gotham Bold Italic"), local("/fonts/Gotham-BoldItalic"),
    url("/fonts/Gotham-BoldItalic.eot?#iefix") format("embedded-opentype"),
    url("/fonts/Gotham-BoldItalic.woff2") format("woff2"),
    url("/fonts/Gotham-BoldItalic.woff") format("woff"),
    url("/fonts/Gotham-BoldItalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: "Gotham";
  src: url("/fonts/Gotham-XLight.eot");
  src: local("/fonts/Gotham ExtraLight"), local("/fonts/Gotham-XLight"),
    url("/fonts/Gotham-XLight.eot?#iefix") format("embedded-opentype"),
    url("/fonts/Gotham-XLight.woff2") format("woff2"),
    url("/fonts/Gotham-XLight.woff") format("woff"),
    url("/fonts/Gotham-XLight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: "Gotham";
  src: url("/fonts/Gotham-Thin.eot");
  src: local("/fonts/Gotham Thin"), local("/fonts/Gotham-Thin"),
    url("/fonts/Gotham-Thin.eot?#iefix") format("embedded-opentype"),
    url("/fonts/Gotham-Thin.woff2") format("woff2"),
    url("/fonts/Gotham-Thin.woff") format("woff"),
    url("/fonts/Gotham-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: "Gotham";
  src: url("/fonts/Gotham-Book.eot");
  src: local("/fonts/Gotham Book"), local("/fonts/Gotham-Book"),
    url("/fonts/Gotham-Book.eot?#iefix") format("embedded-opentype"),
    url("/fonts/Gotham-Book.woff2") format("woff2"),
    url("/fonts/Gotham-Book.woff") format("woff"),
    url("/fonts/Gotham-Book.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Gotham";
  src: url("/fonts/Gotham-ThinItalic.eot");
  src: local("/fonts/Gotham Thin Italic"), local("/fonts/Gotham-ThinItalic"),
    url("/fonts/Gotham-ThinItalic.eot?#iefix") format("embedded-opentype"),
    url("/fonts/Gotham-ThinItalic.woff2") format("woff2"),
    url("/fonts/Gotham-ThinItalic.woff") format("woff"),
    url("/fonts/Gotham-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
}

@font-face {
  font-family: "Gotham";
  src: url("/fonts/Gotham-MediumItalic.eot");
  src: local("/fonts/Gotham Medium Italic"), local("/fonts/Gotham-MediumItalic"),
    url("/fonts/Gotham-MediumItalic.eot?#iefix") format("embedded-opentype"),
    url("/fonts/Gotham-MediumItalic.woff2") format("woff2"),
    url("/fonts/Gotham-MediumItalic.woff") format("woff"),
    url("/fonts/Gotham-MediumItalic.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: "Gotham Ultra";
  src: url("/fonts/Gotham-UltraItalic.eot");
  src: local("/fonts/Gotham Ultra Italic"), local("/fonts/Gotham-UltraItalic"),
    url("/fonts/Gotham-UltraItalic.eot?#iefix") format("embedded-opentype"),
    url("/fonts/Gotham-UltraItalic.woff2") format("woff2"),
    url("/fonts/Gotham-UltraItalic.woff") format("woff"),
    url("/fonts/Gotham-UltraItalic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: "Gotham";
  src: url("/fonts/Gotham-BookItalic.eot");
  src: local("/fonts/Gotham Book Italic"), local("/fonts/Gotham-BookItalic"),
    url("/fonts/Gotham-BookItalic.eot?#iefix") format("embedded-opentype"),
    url("/fonts/Gotham-BookItalic.woff2") format("woff2"),
    url("/fonts/Gotham-BookItalic.woff") format("woff"),
    url("/fonts/Gotham-BookItalic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: "Gotham";
  src: url("/fonts/Gotham-BlackItalic.eot");
  src: local("/fonts/Gotham Black Italic"), local("/fonts/Gotham-BlackItalic"),
    url("/fonts/Gotham-BlackItalic.eot?#iefix") format("embedded-opentype"),
    url("/fonts/Gotham-BlackItalic.woff2") format("woff2"),
    url("/fonts/Gotham-BlackItalic.woff") format("woff"),
    url("/fonts/Gotham-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
}

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

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

@font-face {
  font-family: "Gotham";
  src: url("/fonts/Gotham-Medium.eot");
  src: local("/fonts/Gotham Medium"), local("/fonts/Gotham-Medium"),
    url("/fonts/Gotham-Medium.eot?#iefix") format("embedded-opentype"),
    url("/fonts/Gotham-Medium.woff2") format("woff2"),
    url("/fonts/Gotham-Medium.woff") format("woff"),
    url("/fonts/Gotham-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "Gotham Ultra";
  src: url("/fonts/Gotham-Ultra.eot");
  src: local("/fonts/Gotham Ultra"), local("/fonts/Gotham-Ultra"),
    url("/fonts/Gotham-Ultra.eot?#iefix") format("embedded-opentype"),
    url("/fonts/Gotham-Ultra.woff2") format("woff2"),
    url("/fonts/Gotham-Ultra.woff") format("woff"),
    url("/fonts/Gotham-Ultra.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Gotham";
  src: url("/fonts/Gotham-XLightItalic.eot");
  src: local("/fonts/Gotham ExtraLight Italic"),
    local("/fonts/Gotham-XLightItalic"),
    url("/fonts/Gotham-XLightItalic.eot?#iefix") format("embedded-opentype"),
    url("/fonts/Gotham-XLightItalic.woff2") format("woff2"),
    url("/fonts/Gotham-XLightItalic.woff") format("woff"),
    url("/fonts/Gotham-XLightItalic.ttf") format("truetype");
  font-weight: 200;
  font-style: italic;
}

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

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

@tailwind base;
@tailwind components;
@tailwind utilities;

:root {
  --mobileToSM: 1.78;
  --mobileToMD: 2.13;
  --mobileToLG: 2.84;
  --mobileToXL: 3.56;
  --mobileTo2XL: 4.27;
  --desktopToSM: 0.44;
  --desktopToMD: 0.53;
  --desktopToLG: 0.71;
  --desktopToXL: 0.89;
  --desktopTo2XL: 1.07;
  --desktop: 1;
  --mobile: 1;
}