@import url("layout/header.css");
@import url("layout/footer.css");
@import url("pages/homepage.css");
@import url("pages/about.css");
@import url("pages/products.css");
@import url("pages/gallery.css");
@import url("pages/contact.css");

@font-face {
  font-family: GraphikBold;
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/Graphik/GraphikBold.otf");
}

@font-face {
  font-family: GraphikMedium;
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/Graphik/GraphikMedium.otf");
}

@font-face {
  font-family: GraphikRegular;
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/Graphik/GraphikRegular.otf");
}

@font-face {
  font-family: GraphikLight;
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/Graphik/GraphikLight.otf");
}

@font-face {
  font-family: din-lt-pro;
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/DINNextLTPro/din-next-lt-pro-bold.otf");
}

@font-face {
  font-family: din-lt-pro-normal;
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/DINNextLTPro/din-next-lt-pro-medium.otf");
}

.custom-container {
  padding: 0 7vw;
}

.max-container {
  max-width: 135rem;
  margin: 0 auto;
}

.alert-danger {
  border-radius: 0;
  background-color: transparent;
  border: none;
}

:root {
  --color-darkerwhite: #f4f4f4;
  --color-darkwhite: #fafafa;
  --color-white: #fff;
  --color-blue: #19528a;
  --color-grey: #808080;
  --color-darkgreen: #2e3c40;
}

body {
  background-color: var(--color-darkerwhite);
  font-family: GraphikRegular;
}

p,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
li {
  margin: 0;
  padding: 0;
}

@media (min-width: 1400px) {
  .container {
    max-width: 1540px;
  }
}

@media (max-width: 576px) {
  .container {
    padding: 0;
  }
}