.navbar {
        padding-top: 10px;
        padding-bottom: 10px;
        background: #f8f9fa !important;
    }

    #footer {
        border-top: 4px solid #1d4694;
    }

    .pt-5 {
        padding-top: 0rem !important;
    }

    .custom-color {
        color: rgb(108 117 125);
    }

    .custom-color:hover {
        color: #265dc4db;
        font-weight: 500;
    }

    .custom-color-blue {
        color: #1d4694 !important;
    }

    .custom-bg-color {
        background-color: #1d4694 !important;
        ;
    }

    .container,
    .container-fluid,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        --bs-gutter-x: 1.5rem;
        --bs-gutter-y: 0;
        width: 100%;
        padding-right: calc(var(--bs-gutter-x)* .5);
        padding-left: calc(var(--bs-gutter-x)* .5);
        margin-right: auto;
        margin-left: auto;
        max-width: 1550px;
        overflow: hidden;
    }

    .btn-warning {
        margin: 0px 1rem;
    }

    .my-3 {
        color: white;
        font-size: 0.7rem;
    }

    


    @media screen and (min-width: 1200px) {
        .py-xl-5 {
            padding-top: 0rem !important;
            padding-bottom: 3rem !important;
        }
    }


    .text-uppercase {
        color: white;
        font-size: 3rem;
    }


    @media screen and (max-width: 1000px) {

        .img-resposive {
            height: 40vh !important;
        }

        .py-4 {
            padding-top: 0.5rem !important;
            padding-bottom: 1.5rem !important;
        }

        .text-uppercase {
            font-size: 1.5rem;
        }

        .btn-lg {
            --bs-btn-padding-y: 0.5rem;
            --bs-btn-padding-x: 0.5rem;
            --bs-btn-font-size: 1rem;
            --bs-btn-border-radius: var(--bs-border-radius-lg);
        }
    }

    @media screen and (max-width: 450px) {
        .img-resposive {
            margin-top: 1rem;
        }
    }

    @media (min-width: 350px) and (max-width: 580px) {
        .item img {
            height: 250px !important;
            width: 320px !important;
            margin: auto;
        }


    }

    @media (min-width: 590px) and (max-width: 980px) {
        .item img {
            height: 210px !important;
            width: 170px !important;
            margin: 2rem;
        }


    }

    @media screen and (min-width: 1000px) {
        .item img {
            min-height: 18vh !important;
            min-width: 17vw !important;
            margin: 0px 2rem !important;
        }


    }