/*Fonts*/
@font-face {
  font-family: "maxpro-regular";
  src: url("/assets/fonts/maxlf-regular-webfont.woff2") format("woff2"), url("/assets/fonts/maxlf-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

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

:root {
  --bs-primary: #236467;
  --bs-secondary: #0e2c2e;
  --bs-font-sans-serif: maxpro-regular;
  --bs-primary-hover: #2d7f83;
}

body,
html {
  overflow-x: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: maxpro-semibold;
}

.mt-mid {
  margin-top: 5% !important;
}
.mb-mid {
  margin-bottom: 5% !important;
}
.mt-big {
  margin-top: 10% !important;
}
.mb-big {
  margin-bottom: 10% !important;
}
.pb-big {
  padding-bottom: 10% !important;
}

a {
  color: unset;
  text-decoration: none;
  font-family: inherit;
}

html {
  scroll-behavior: smooth;
  font-family: maxpro-regular;
}

img {
  width: 100%;
}

.btn:focus,
.btn:active {
  background: var(--bs-primary-hover) !important;
  outline: none !important;
  box-shadow: none;
  border-color: var(--bs-primary-hover);
}

.bg-primary {
  background-color: var(--bs-primary) !important;
}

.text-primary {
  color: var(--bs-primary) !important;
}

.bg-tertiary {
  background-color: #f4f4f4;
}

.text-secondary {
  color: var(--bs-secondary) !important;
}

.bg-secondary {
  background-color: var(--bs-secondary) !important;
  color: #fff;
}

.btn {
  padding: 0.75rem 1.5rem !important;
  font-size: 0.9rem;
}

.btn-primary {
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
  color: #fff;
  font-weight: 600;
  border-radius: 6px;
}
.btn-primary:hover {
  background-color: var(--bs-primary-hover) !important;
  border-color: var(--bs-primary-hover) !important;
}

.btn-secondary {
  background-color: var(--bs-secondary);
  border-color: var(--bs-secondary);
  color: #fff;
  font-weight: 600;
  border-radius: 6px;
}

#header img {
  max-width: 140px;
}

.maq-gal img {
  width: 33%;
  object-fit: cover;
}

#footer img {
  max-width: 95px;
}

#setoresAtiv li {
  font-size: 1.2em;
}

#represent img{
    max-width: 135px;
}

@media (max-width: 768px) {
  .row-cols-md-5 > *,
  .row-cols-md-4 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  #represent img {
    margin: 0 0 10% 0;
  }
  #represent .row {
    justify-content: start;
  }
  .d-flex:has(.btn-primary) {
    flex-wrap: wrap;
  }
  a:has(.btn-primary),
  .btn-primary {
    width: 100%;
  }
  #header img {
    max-width: 125px;
  }
  footer > div {
    gap: 15px;
  }
  footer a:has(i) {
    font-size: 1.2em !important;
  }
  footer .d-flex {
    gap: 2rem !important;
  }
  #represent,
  #setoresAtiv {
    min-height: unset;
  }
  #represent img{
      max-width: unset;
  }
  
}