@charset "utf-8";

.mbp3066 { color: rgb(255, 255, 255); display: flex; padding: 5px; flex-wrap: wrap; font-size: clamp(1.1rem, 2.3vw, 1.5rem); min-height: 48px; align-items: center; font-family: GothamBold, Arial, Helvetica, sans-serif; flex-direction: unset; background-size: auto; justify-content: center; background-color: rgb(159, 102, 45); }

@media screen and (max-width: 768px) {
  .mbp3066 { font-size: 1.1rem; min-height: 40px; }
}

@media screen and (max-width: 600px) {
  .mbp3066 { min-height: 2rem; }
}

.mbp3067 { }

.mbp3067 div { color: rgb(255, 255, 255); cursor: pointer; font-size: 14px; background: none; font-style: normal; text-align: center; align-items: center; font-family: Lato; font-weight: 700; line-height: 20px; letter-spacing: 0.56px; text-transform: uppercase; }

.mbp3067 div:hover { color: rgb(255, 255, 255); background-color: transparent; }

.mbp3067 div:focus { outline: none; }

@media screen and (max-width: 768px) {
  .mbp3067 div { margin: 0px; }
}

@media screen and (max-width: 600px) {
  .mbp3067 div { margin: 0px auto; }
}

.mbp3068 { font-size: 20px; font-style: normal; text-align: right; font-family: "Area Variable", Lato; font-weight: 700; line-height: 28px; letter-spacing: 0.2px; }

.mbp3068 a { color: rgb(0, 0, 0); text-decoration: none; }

.mbp3068 p { margin: 0px 30px 0px 0px; }

@media screen and (max-width: 768px) {
  .mbp3068 { text-align: right; }
  .mbp3068 p { margin: 0px 16px 0px 0px; }
}

@media screen and (max-width: 600px) {
  .mbp3068 { font-size: 16px; text-align: center; font-family: "Area Variable", Lato; line-height: 20px; letter-spacing: 0.32px; padding-bottom: 4px; }
}