@font-face {
    font-family: 'bebasneuepro-smebd';
    src: url('../fonts/bebasneuepro-smebd-webfont.woff2') format('woff2'), url('../fonts/bebasneuepro-smebd-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'bebasneuepro-smebk';
    src: url('../fonts/bebasneuepro-smebk-webfont.woff2') format('woff2'), url('../fonts/bebasneuepro-smebk-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.footer {
    /* max-width: 1280px; */
    width: 100%;
    background: #191e22;
    position: relative;
}

.width30 {
    flex: 33%;
    margin-right: 110px;
}

.width40 {
    flex: 33%;
    margin-right: 110px;
}

.width65 {
    flex: 65%;
    /*justify-content: space-around;*/
}

.footer .footer-row {
    display: flex;
    /* flex-wrap: wrap;
    justify-content: space-between;
    gap: 3.5rem; */
    padding: 45px 77px;
    flex-direction: row;
}

.footer-col h1 {
    text-transform: uppercase;
    color: #fff;
    font-family: 'bebasneuepro-smebd';
}

.footer-col .btn {
    background-color: #ce1141;
    border: none;
    color: white;
    padding: 12px 30px;
    font-size: 20px;
    cursor: pointer;
    font-family: 'bebasneuepro-smebd';
    margin-top: 25px;
}

    .footer-col .btn .fa {
        margin-right: 10px;
        white-space: nowrap;
    }

    /* Darker background on mouse-over */
    .footer-col .btn:hover {
        background-color: #a0062c;
    }

.footer-col .links {
    /*margin-top: 20px;*/
    padding: 0;
    width: 50%;
}
.footer-col .align-center  {
    width: 50%;
}
    .footer-col .links li {
        list-style: none;
        padding: 7px 0;
        font-size: 14px;
    }

        .footer-col .links li a {
            text-decoration: none;
            color: #fff;
        }

            .footer-col .links li a:hover {
                color: #fff;
            }

.footer-col .icons a {
    background-size: 22px;
    width: 22px;
    height: 22px;
}

    .footer-col .icons a.linkdin {
        background-image: url(../images/LinkedIn-icon-default.png);
    }

        .footer-col .icons a.linkdin:hover {
            background-image: url(../images/LinkedIn-icon-rollover.png);
        }

    .footer-col .icons a.facebook {
        background-image: url(../images/FB-icon-default.png);
    }

        .footer-col .icons a.facebook:hover {
            background-image: url(../images/FB-icon-rollover.png);
        }

    .footer-col .icons a.instagram {
        background-image: url(../images/IG-icon-default.png);
    }

        .footer-col .icons a.instagram:hover {
            background-image: url(../images/IG-icon-rollover.png);
        }

    .footer-col .icons a.twitter {
        background-image: url(../images/X-icon-default.png);
    }

        .footer-col .icons a.twitter:hover {
            background-image: url(../images/X-icon-rollover.png);
        }

    .footer-col .icons a.youtube {
        background-image: url(../images/YT-icon-default.png);
    }

        .footer-col .icons a.youtube:hover {
            background-image: url(../images/YT-icon-rollover.png);
        }

.footer-col p {
    margin: 7px 0;
    color: #bfbfbf;
    max-width: 300px;
    font-size: 14px;
}

.footer-col .icons {
    display: flex;
    margin-top: 6px;
    gap: 8px;
    cursor: pointer;
    width:50%;
}

.footer-col img {
    width: 200px;
}

.footer-col .icons i {
    color: #191e22;
    background-color: #5c6063;
    width: 24px;
    height: 22px;
    text-align: center;
    padding: 3px;
    border-radius: 4px;
}

    .footer-col .icons i:hover {
        color: #fff;
    }

.border {
    border-top: 1px solid #5c6063;
    margin: 2px 77px;
}

.align-center {
    align-self: center;
}

.d-flex {
    display: flex;
}

@media (min-width: 1051px) {
    .footer .footer-row:first-of-type {
        padding: 80px 102px 75px 102px !important;
    }
    .footer .footer-row:last-of-type {
        padding: 45px 102px !important;
    }
    .border {
        border-top: 1px solid #5c6063;
        margin: 2px 102px !important;
    } 
}

@media (max-width: 850px){
    .footer .footer-row {
        padding: 20px;
        gap: 1rem;
        flex-direction: column;
    }
    .border {
        border-top: 1px solid #5c6063;
        margin: 2px 20px;
    } 
}

    @media (max-width: 950px) {
        .footer {
            position: relative;
            bottom: 0;
            left: 0;
            transform: none;
            width: 100%;
            border-radius: 0;
        }

        /* .footer .footer-row {
            padding: 20px;
            gap: 1rem;
            flex-direction: column;
        }*/

        .width65 {
            justify-content: left;
            gap: 20%;
        }

        .footer-col form {
            display: block;
        }

            .footer-col form :where(input, button) {
                width: 100%;
            }

            .footer-col form button {
                margin: 10px 0 0 0;
            }

        .footer-col .links {
            min-width: 26%;
        }

        .footer-col img {
            width: 150px;
            margin-bottom: 20px;
        }
    }

    .footer-col .copyright {
        width: 50%;
        white-space: nowrap;
    }