html, body{
    height: 100%;
}


.main-logo {
    max-width: 350px;
}

.entity {
    max-width: 160px;
}

.social-logo{
    width: 50px;
    max-width: 50px;
}

@media (min-width: 1400px) {

    .container {
        max-width: 750px;
    }
}

@media (max-width: 767px) {
    .main-logo {
        max-width: 250px;
    }

    .custom-text {
        font-size: 1.1rem !important;
    }

    .container {
        max-width: auto;
    }

    .entity {
        max-width: 127px;
    }
}

.custom-theme {
    --bs-primary: #754d25;
    --bs-primary-rgb: 117, 77, 37;
}

/* Optional: make sure primary buttons & links reflect it */
.custom-theme .btn-primary {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}

.custom-theme .btn-primary:hover {
    background-color: #5e3d1e;
    border-color: #5e3d1e;
}

.custom-theme a {
    color: var(--bs-primary);
}

.custom-theme a:hover {
    color: #5e3d1e;
}

.custom-text {
    color: #63656A;
    font-size: 1.3rem;
}