/* fonts
@font-face {
font-family: "ProximaNova";
font-style: normal;
font-weight: 400;
src: local("ProximaNova-Regular"), url("../fonts/Proxima-nova/ProximaNova-Regular.ttf") format("woff");
}
@font-face {
font-family: "Mulish";
font-style: normal;
font-weight: 200;
src: local("Mulish-ExtraLight"), url("../fonts/Mulish/Mulish-ExtraLight.ttf") format("woff");
}
@font-face {
font-family: "Mulish";
font-style: normal;
font-weight: 300;
src: local("Mulish-Light"), url("../fonts/Mulish/Mulish-Light.ttf") format("woff");
}
@font-face {
font-family: "Mulish";
font-style: normal;
font-weight: 400;
src: local("Mulish-Regular"), url("../fonts/Mulish/Mulish-Regular.ttf") format("woff");
}
@font-face {
font-family: "Mulish";
font-style: normal;
font-weight: 500;
src: local("Mulish-Medium"), url("../fonts/Mulish/Mulish-Medium.ttf") format("woff");
}
@font-face {
font-family: "Mulish";
font-style: normal;
font-weight: 600;
src: local("Mulish-SemiBold"), url("../fonts/Mulish/Mulish-SemiBold.ttf") format("woff");
}
@font-face {
font-family: "Mulish";
font-style: normal;
font-weight: 700;
src: local("Mulish-Bold"), url("../fonts/Mulish/Mulish-Bold.ttf") format("woff");
}
@font-face {
font-family: "Mulish";
font-style: normal;
font-weight: 800;
src: local("Mulish-ExtraBold"), url("../fonts/Mulish/Mulish-ExtraBold.ttf.ttf") format("woff");
}
@font-face {
font-family: "Mulish";
font-style: normal;
font-weight: 900;
src: local("Mulish-Black"), url("../fonts/Mulish/Mulish-Black.ttf") format("woff");
} */

/* fonts */
@font-face {
  font-family: "ProximaNova";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: 
    url("../fonts/Proxima-nova/ProximaNova-Regular.woff2") format("woff2"),
    url("../fonts/Proxima-nova/ProximaNova-Regular.woff") format("woff"),
    url("../fonts/Proxima-nova/ProximaNova-Regular.ttf") format("truetype");
}

@font-face {
  font-family: "Mulish";
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: 
    url("../fonts/Mulish/Mulish-ExtraLight.woff2") format("woff2"),
    url("../fonts/Mulish/Mulish-ExtraLight.ttf") format("truetype");
}

@font-face {
  font-family: "Mulish";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: 
    url("../fonts/Mulish/Mulish-Light.woff2") format("woff2"),
    url("../fonts/Mulish/Mulish-Light.ttf") format("truetype");
}

@font-face {
  font-family: "Mulish";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: 
    url("../fonts/Mulish/Mulish-Regular.woff2") format("woff2"),
    url("../fonts/Mulish/Mulish-Regular.ttf") format("truetype");
}

@font-face {
  font-family: "Mulish";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: 
    url("../fonts/Mulish/Mulish-Medium.woff2") format("woff2"),
    url("../fonts/Mulish/Mulish-Medium.ttf") format("truetype");
}

@font-face {
  font-family: "Mulish";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: 
    url("../fonts/Mulish/Mulish-SemiBold.woff2") format("woff2"),
    url("../fonts/Mulish/Mulish-SemiBold.ttf") format("truetype");
}

@font-face {
  font-family: "Mulish";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: 
    url("../fonts/Mulish/Mulish-Bold.woff2") format("woff2"),
    url("../fonts/Mulish/Mulish-Bold.ttf") format("truetype");
}

@font-face {
  font-family: "Mulish";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: 
    url("../fonts/Mulish/Mulish-ExtraBold.woff2") format("woff2"),
    url("../fonts/Mulish/Mulish-ExtraBold.ttf") format("truetype");
}

@font-face {
  font-family: "Mulish";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: 
    url("../fonts/Mulish/Mulish-Black.woff2") format("woff2"),
    url("../fonts/Mulish/Mulish-Black.ttf") format("truetype");
}