@font-face {
    font-family: 'Gotham-Bold';
    src: url('./fonts/Gotham-Bold.otf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham-Book';
    src: url('./fonts/Gotham-Book.otf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body {
    font-family: 'Gotham-Book';
    background-color: #253746;
    color: #DED9CE;
  }

a {
    text-decoration: none !important;
}
h1, h2, h3, h4, h5, h6 {
    text-transform: uppercase;
    font-family: 'Gotham-Bold';
    letter-spacing: 0.175em;
    color: #CB8F63;
}
.ariensco-logo {
    width: 50%;
    height: auto;
}


.brand-logos {
    width: 20rem;
    height: auto;
    margin: 0 auto !important;
}



.btn-outline-light {
    border-radius: 0 !important;
    width: 20rem !important;
    text-align: start !important;
    --bs-btn-color: #CB8F63;
    --bs-btn-border-color: #CB8F63;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #CB8F63;
    --bs-btn-hover-border-color: #CB8F63;
    --bs-btn-focus-shadow-rgb: 248, 249, 250;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #CB8F63;
    --bs-btn-active-border-color: #CB8F63;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #CB8F63;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #CB8F63;
    --bs-gradient: none;
  }

.dropdown {
    width: 20rem !important;
}

.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0; /* remove the gap so it doesn't close */
}
  

  .dropdown-menu {
    border-radius: 0 !important;
  }

  .dropdown-item:focus, .dropdown-item:hover {
    color: #fff;
    background-color: #CB8F63;
}


@media (max-width: 575.98px) {
    .ariensco-logo, .brand-logos {
    width: 100%;
    height: auto;
    }
    .content {
        width: 100%;
        margin: 0 auto;
    }
}