footer {
    width: 100%;
    background: #222;
    border-top: 1px solid #444;
    color: #efefef;
}

.f-container {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    text-align: center;
    padding: 40px 20px;
    box-sizing: border-box;
}

/* TITLE */
.f-title {
    font-family: 'IM Fell Double Pica SC', serif;
    font-size: 22px;
    letter-spacing: 4px;
    margin-bottom: 15px;
    color: #f1f1f1;
}

/* SOCIAL */
.f-social {
    display: flex;
    justify-content: center;
    gap: 15px;
    padding: 10px 0 20px;
}

.f-social a {
    text-decoration: none;
}

/* ICON STYLE */
.foot-symbol {
    font-size: 28px;
    color: #ddd;
    transition: 0.3s ease;
}

.foot-symbol:hover {
    color: #fff;
    transform: translateY(-2px);
}

/* LINKS */
.f-links {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.f-links a,
.box2 a {
    text-decoration: none;
    color: #ddd;
    transition: 0.3s ease;
}

.f-links a:hover,
.box2 a:hover {
    color: #fff;
}

/* CONTACT */
.f-contact-info {
    line-height: 1.8;
}

.f-contact-info-box {
    display: flex;
    flex-direction: column;
    gap: 15px;
    align-items: center;
}

.f-phone,
.f-email {
    width: 100%;
}

/* EMAIL */
.f-email > a {
    text-decoration: none;
    color: #ddd;
}

/* DESIGN CREDIT */
.f-designed {
    margin-top: 15px;
    font-size: 0.9rem;
    color: #999;
}

/* FOOTER BOX ITEMS */
.page-foot-box {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* MOBILE */
@media (max-width: 900px) {

    .f-container {
        grid-template-columns: 1fr;
        text-align: center;
        gap: 25px;
        padding: 30px 15px;
    }

    .f-title {
        font-size: 18px;
        letter-spacing: 2px;
    }

    .f-social {
        padding: 10px 0;
    }
}