/* ======================================================
   Stephen Paul Young Footer
====================================================== */

.spy-footer{

    margin-top:120px;

    padding:90px 30px 40px;

    background:#f8f8f8;

    border-top:1px solid #ececec;

}

.spy-footer-inner{

    max-width:1100px;

    margin:auto;

    text-align:center;

}

.spy-footer-closing{

    margin:0 0 35px;

    font-size:1.15rem;

    font-style:italic;

    color:#666;

}

.spy-footer h2{

    margin:0;

    font-size:2.4rem;

    font-weight:300;

    color:#222;

}

.spy-footer-subtitle{

    margin:18px 0 45px;

    text-transform:uppercase;

    letter-spacing:3px;

    font-size:.95rem;

    color:#777;

}

.spy-footer-nav{

    display:flex;

    justify-content:center;

    flex-wrap:wrap;

    gap:28px;

    margin-bottom:55px;

}

.spy-footer-nav a{

    color:#555;

    text-decoration:none;

    transition:.3s;

}

.spy-footer-nav a:hover{

    color:#000;

}

.spy-footer-bottom{

    border-top:1px solid #e5e5e5;

    padding-top:30px;

    display:flex;

    justify-content:space-between;

    align-items:center;

    flex-wrap:wrap;

    gap:20px;

    font-size:.92rem;

    color:#777;

}

.spy-footer-bottom p{

    margin:0;

}

.spy-footer-bottom a{

    color:#777;

    text-decoration:none;

}

.spy-footer-bottom a:hover{

    color:#222;

}

/* ---------------- Mobile ---------------- */

@media (max-width:768px){

.spy-footer{

    padding:70px 25px 35px;

}

.spy-footer h2{

    font-size:2rem;

}

.spy-footer-nav{

    flex-direction:column;

    gap:16px;

}

.spy-footer-bottom{

    flex-direction:column;

    text-align:center;

}

}