:root {
  --primary: #293040;
  --secondary: #b68f77;
  --text: #214367;
  --text-secondary: #293040;
  --padding: 15px;
  --radius: 5px;
  --breakpoint: 960px;
  --duration: 0.5s;
}

html, body {
  margin: 0px;
  background-color: white;
  color: var(--primary);
  min-height: 100vh;
  scroll-behavior:smooth;
}

* { 
  font-family: "Nunito", sans-serif !important;
  font-optical-sizing: auto;
}

.w-100 {
  width: 100%;
}

.p {
  padding: var(--padding);
}

.pt {
  padding-top: var(--padding);
}

.m {
  margin: var(--padding);
}

.mt {
  margin-top: var(--padding) !important;
}

.mb {
  margin-bottom: var(--padding) !important;
}

.center {
  display: flex;
  justify-content: center;
}

.rounded {
  border-radius: var(--radius);
}

a {
  text-decoration: none;
  color: unset;

  &:hover {
    color: unset;
  }
}

button {
  background-color: var(--secondary) !important;
  border-color: var(--secondary) !important;
  font-weight: 900;
  color: white;

  &:hover {
    filter: brightness(85%);
    color: white;
  }

  &:focus {
    color: white;
  }
}

.button-primary {
  background-color: var(--primary) !important;
  border-color: var(--primary) !important;
}

h3 {
  font-weight: bold;
}

.top-header {
  width: 100%;
  object-fit: cover;
  height: 320px;

  background-size: cover;
  background-position-y: center;
}

@media screen and (max-width:960px) {
  .top-header {
    max-height: 100px !important;
  }
}

.content {
  overflow: auto;
}

.centered {
  text-align: center;
}

.justify {
  text-align: justify !important;
}

.middle {
  display: flex;
  justify-content: center;
  align-items: center;
}

@media screen and (max-width: 960px) {
  .no-mobile {
    display: none;
  }
}

.u-none {
  user-select: none;
}

.d-none {
  display: none;
}