@import url('https://fonts.googleapis.com/css?family=Merriweather:700');

@font-face {
    font-family: "ProximaNova-Regular";
    src: url('ProximaNova-Regular.otf') format("opentype");
}

@font-face {
    font-family: "FontAwesome5Pro-Light";
    src: url('FontAwesome5Pro-Light.otf') format("opentype");
}

@font-face {
    font-family: "ProximaNova-Semibold";
    src: url('ProximaNova-Semibold.otf') format("opentype");
}

@font-face {
    font-family: "ProximaNova-Bold";
    src: url('ProximaNova-Bold.otf') format("opentype");
}

.main-nav-grey {
    background:#fff;
    border-bottom:1px solid #ddd;
}

#footer.cc-footer {
    font-family: "ProximaNova-Regular", Helvetica, Arial, serif;
    font-size: 16.0px;
    color: rgba(68, 68, 68, 1.0);
    text-align: center;
    line-height: 20.0px;
    padding-bottom: 40px;
    padding-right: 15px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    width: 1170px;
    clear:both;
}

#footer.cc-footer,
#footer.cc-footer * {
    box-sizing: border-box;
}

    #footer:before,
    #footer:after,
    .footer-menu-container:before,
    .footer-menu-container:after {
        display: table;
        content: " ";
    }

    #footer:after,
    .footer-menu-container:after {
        clear: both;
    }

    #footer .footer-content {
        padding: 0 10px 0 52px;
    }

        #footer .footer-content .footer-icons-container {
            display: inline;
            width: 16.66666667%;
            float: left;
            left: 83.33333333%;
            position: relative;
            padding-right: 15px;
        }

            #footer .footer-content .footer-icons-container .footer-icons a {
                float: left;
            }

            #footer .footer-content .footer-icons-container .footer-icons .footer-icon-sizing {
                padding: 7px;
                width: 33px;
                height: 33px;
                vertical-align: middle;
                box-sizing: border-box;
            }

        #footer .footer-content .footer-menu-container {
            width: 83.33333333%;
            right: 16.66666667%;
            float:left;
            position:relative;
        }

            #footer .footer-content .footer-menu-container .footer-menu {
                width: 100%;
                margin: 0 0 15px;
                float: left;
                position: relative;
                min-height: 1px;
                padding-right: 15px;
                padding-left: 15px;
            }

                #footer .footer-content .footer-menu-container .footer-menu a {
                    color:#000;
                }

                #footer .footer-content .footer-menu-container .footer-copyright {
                    float: left;
                    width: 100%;
                    padding: 15px;
                }

                    #footer .footer-content .footer-menu-container .footer-copyright p {
                        font-size:inherit;
                    }


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

                    .main-nav-grey .inner {
                        width: 960px;
                    }

                    #footer.cc-footer {
                        width: 100%;
                    }

                    #footer .footer-content {
                        padding-left: 15px;
                    }

                        #footer .footer-content .footer-icons-container,
                        #footer .footer-content .footer-menu-container {
                            width: 100%;
                            left: 0;
                            right: 0;
                        }

                        #footer .footer-content .footer-menu-container {
                            padding-top: 20px;
                        }

                        #footer .footer-content .footer-icons-container .footer-icons {
                            display: inline-block;
                            float:none;
                        }
                }

                @media only screen and (max-width: 1023px) {
                    .main-nav-grey .inner {
                        width: 100%;
                        padding: 0;
                    }

                    img.brand-logo {
                        height: 24px;
                    }
                }

                @media only screen and (max-width: 768px) {
                    #footer .footer-content .footer-menu-container .footer-menu {
                        padding-left: 0px;
                        padding-right: 0px;
                    }

                    #footer .footer-content .footer-menu-container .footer-copyright {
                        padding: 0;
                    }
                }