/* ===========================
   LumaCoding Footer
=========================== */


footer{

    background:#050505;
    color:white;
    padding:70px 0 20px;

}



.footer-grid{

    display:grid;
    grid-template-columns:2fr 1fr 1fr 1fr;
    gap:40px;

}



/* Footer Logo */

.footer-brand img{

    width:220px;
    height:auto;
    margin-bottom:20px;

}



.footer-brand p{

    color:#aaa;
    max-width:320px;
    line-height:1.7;
    font-size:15px;

}



/* Footer Headings */

footer h4{

    font-size:18px;
    margin-bottom:20px;

}



/* Footer Lists */

footer ul{

    list-style:none;
    padding:0;
    margin:0;

}



footer li{

    margin-bottom:15px;
    color:#aaa;
    font-size:14px;

}



footer li:hover{

    color:#b6ff00;

}



/* Copyright */


.copyright{

    margin-top:50px;
    padding-top:20px;
    text-align:center;
    border-top:1px solid #222;
    color:#777;
    font-size:14px;

}



/* Mobile Footer */

@media(max-width:900px){


.footer-grid{

    grid-template-columns:1fr;

}


.footer-brand img{

    width:180px;

}


}