.footer-section {
    padding: 30px 0;

    .container-lp.lg {
        max-width: 90%;
    }

    .flex {
        flex-direction: column;
        @include bp($bp-col12) {
            flex-direction: row;
        }
    }

    .contact-info {
        margin-top: 32px;
        text-align: center;
        @include bp($bp-col12) {
            text-align: right;
        }
        .btn {
            font-weight: bold;
            margin-bottom: 24px;
            width: 100%;
            text-align: center;
            @include bp($bp-col12) {
                width: auto;
                font-size: 26px;
            }
        }

        > * {
            text-align: left;
        }

        .flex {
            display: block;
            @include bp($bp-col12) {
                display: flex;
            }
        }

        h3 {
            color: $blue;
            font-family: $avenir;
            font-style: normal;
            text-transform: capitalize;
            position: relative;
            &:after {
                position: absolute;
                content: "";
                bottom: 0;
                left: 0;
                width: 100px;
                height: 4px;
                background: $blue;
            }
        }

        address {
            padding-right: 32px;
        }
        p {
            font-size: 18px;
            font-style: normal;
            font-family: $avenir;
            margin-top: 12px;
        }
    }
}

.footer-closing {
    background: #2c3130;
    color: $white;
    padding: 12px;
    .container-lp.lg {
        max-width: 90%;
    }
    .copyright {
        padding-bottom: 0;
        a {
            color: $white;
        }
    }
    .developers {
        img {
            margin-left: 18px;
            width: 110px;
        }
    }
}