@font-face {
   font-family: "Albra Grotesk Black";
   src: url("fonts/Albra Grotesk Black.woff2") format("woff2");
   font-weight: normal;
   font-style: normal;
}
@font-face {
   font-family: "Albra Grotesk Medium";
   src: url("fonts/Albra Grotesk Medium.woff2") format("woff2");
   font-weight: normal;
   font-style: normal;
}
@font-face {
   font-family: "Albra Grotesk";
   src: url("fonts/Albra Grotesk Regular.woff2") format("woff2");
   font-weight: normal;
   font-style: normal;
}
@font-face {
   font-family: "Albra Grotesk Semi";
   src: url("fonts/Albra Grotesk Semi.woff2") format("woff2");
   font-weight: normal;
   font-style: normal;
}
@font-face {
   font-family: "Roboto Light";
   src: url("fonts/Roboto Light.woff2") format("woff2"), url("fonts/Roboto Light.ttf") format("truetype");
   font-weight: normal;
   font-style: normal;
}
@font-face {
   font-family: "Mina";
   src: url("fonts/Mina.woff2") format("woff2"), url("fonts/Mina.ttf") format("truetype");
   font-weight: normal;
   font-style: normal;
}
@font-face {
   font-family: "Mina";
   src: url("fonts/Mina Bold.woff2") format("woff2"), url("fonts/Mina Bold.ttf") format("truetype");
   font-weight: bold;
   font-style: normal;
}
@font-face {
   font-family: "Roboto";
   src: url("fonts/Roboto Regular.woff2") format("woff2"), url("fonts/Roboto Regular.ttf") format("truetype");
   font-weight: normal;
   font-style: normal;
}