footer {
    background: $primary-color;
    color: white;
    text-align: center;

    //
    .footer-upper {
        padding-top: 2rem;
        max-width: 1250px;
        margin: auto;

        @include laptop {
            padding-top: 5rem;
        }

        @include desktop {
            padding-top: 7.5rem;
        }

        .footer-upper-flexbox {
            @include laptop {
                display: flex;
                justify-content: space-between;
            }

            .footer-upper-flexbox-item {
                flex-basis: 33%;

                @include laptop {
                    padding-left: 1rem;
                    padding-right: 1rem;
                }

                &.left {
                    h4 {}

                    h3 {
                        font-weight: $bold;
                        font-size: 1.5rem;

                        @include tablet {
                            font-size: 1.75rem;
                        }

                        @include laptop {
                            font-size: 2rem;
                        }
                    }

                    address {
                        padding: 1rem 0;

                        p {
                            padding: .25rem 0;
                        }
                    }

                    a {
                        color: white;
                        text-decoration: none;
                        display: inline-block;
                        padding: .5rem 0;
                    }

                    p {}
                }

                &.center,
                &.right {
                    padding: 1.5rem 0;

                    @include laptop {
                        padding: 0;

                    }

                    h4 {}

                    h3 {
                        font-weight: $bold;
                        font-size: 1.5rem;
                        padding-bottom: 1rem;

                        @include tablet {
                            font-size: 1.75rem;
                        }

                        @include laptop {
                            font-size: 2rem;
                        }
                    }

                    nav {
                        ul {
                            li {
                                a {
                                    text-decoration: none;
                                    color: white;
                                    display: inline-block;
                                    padding: .5rem 0;
                                    @extend %hover;
                                }
                            }
                        }
                    }

                    .footer-btn {
                        margin-top: 1.5rem;
                        @extend %button;
                        border: solid white 3px;
                        padding: 1rem 5rem;
                        color: white !important;
                        font-weight: $bold;
                        @extend %hover;

                    }
                }

                &.center {


                    @include laptop {
                        border-left: solid white 1px;
                        border-right: solid white 1px;
                    }

                    .footer-btn {
                        @include laptop {
                            margin-top: 3.5rem;
                        }
                    }
                }


            }
        }
    }

    //
    .footer-lower {
        padding-bottom: 1rem;

        .footer-call-us {
            font-weight: $bold;
            font-size: 1.5rem;
            padding: 1.5rem 0;

            @include tablet {
                padding: 2.5rem 0;
            }

            @include laptop {
                padding: 5rem 0;
            }

            a {
                display: inline-block;
                color: white;
                text-decoration: none;
            }
        }

        .footer-lower-flexbox {

            @include laptop {
                display: flex;
                align-items: center;
                justify-content: center;
            }

            .item {
                @include laptop {
                    margin: 0 .25rem;
                }

                &.pipe {
                    display: none;

                    @include laptop {
                        display: initial;
                    }
                }

                p {
                    a {
                        color: white;
                        display: inline-block;
                        text-decoration: none;
                        padding: .5rem 0;
                    }
                }


            }
        }
    }

}