@import "../../app/variables";
.footer {
    background-color: $text-dark;

    a {
        text-decoration: none !important;
    }

    .font-11 {
        font-size: 0.6875rem;
    }

    .desc {
        font-size: 0.75rem;
        text-align: justify;
    }
   
    .info {
        background-color: $text-darker;
        border-bottom-right-radius: 145.5px;
    }

    i {
        transition: 300ms;

        &:hover {
            color:$primary-amber!important;
            border: 1px solid $primary-amber!important;
        }
    }

    .main-menu {
        .item {
            font-size: 0.6875rem;
            font-weight: 500;
            transition: 300ms;

            &:hover {
                color: $primary-amber!important;

            }
        }
    }


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


        .logo {
            align-items: center !important;

        }
    }

}