:root{
    --bg: #990b6e;
    --main-pad: 30px 130px;
    --font: 14px;
    --text: rgb(150, 150, 150);
}


.display{
    display: flex;
}

*{
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    /* font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; */
    font-family: 'poppins', sans-serif;
    /* color: white; */
}

a{
    text-decoration: none;
}

.footer *{
    color: white;
}

.footer .footer-top{
    padding: var(--main-pad);
    background-color: var(--bg);
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.footer .footer-top .text{
    display: inline-block;
    padding: 10px;
    font-size: 28px;
    font-weight: 700;
    color: white;
}

.footer .purchase{
    padding: 15px 20px;
    font-variant: small-caps;
    background: transparent;
    border: 3px solid rgb(162, 162, 162);
    font-size: 20px;
    color: rgb(162, 161, 161);
}

.footer .purchase:hover{
    color: white;
    border: 3px solid rgb(255, 255, 255);
    transition-duration: 500ms;
}

.footer .footer-middle{
    padding: var(--main-pad);
    background-color: #252634;
    justify-content: space-between;
}

.footer-middle .logo img{
    height: 100px;
}


.footer .link-heading{
    font-size: 18px;
    font-weight: 600;
    display: block;
}

.footer .quick-links ul{
    margin: 30px 0px;
    padding: 0px;
}

.footer-middle .logo{
    width: 15%;
    margin: 0px;
    padding: 0px;
}
.footer-middle .text{ 
    display: inline-block;
    padding: 20px 0px;
    line-height: 22px;   
}

.footer-middle .quick-links{
    margin: 0px 0px;
    /*width: 25%;*/
}

.footer .quick-links ul a li{
    font-size: var(--font);
    list-style-type: none;
    color: var(--text);
    padding: 3px 0px;
    margin: 0px;
}

.footer-middle .contact {
    width: 20%;
}

.contact .location, .phone, .view-map, .contact.address{
    display: inline-block;
    margin-bottom: 10px;
    color: var(--text);
}

.copyright{
    background-color: #191b29 ;
    padding: 20px 10px;
}

.copyright p{
    text-align: center;
}

.copyright p .nextzen:hover{
    color: var(--bg);
    transition-duration: 400ms;
}

.contact img{
    padding-right: 10px;
}

.contact .view-map{
    font-weight: 700;
}


@media(max-width: 1024px){
    .footer .footer-top{
        padding: 40px ;
    }

    .footer .footer-middle{
        padding: 40px 80px;
    }
    
    .footer-middle .logo img{
        height: 70px;
    }

}

@media(max-width: 768px){
    .footer .footer-top{
        padding: 40px 20px;
    }

    .footer .footer-middle{
        padding: 30px 50px;
    }

    .footer .footer-middle{
        display: block;
    }

}


@media(max-width: 576px){
    .footer-top{
        padding: 20px 20px;
        display: block;
    }

    .footer-middle .logo{
        display: inline-block;
        width: 100%;
    }
    
    .footer .footer-middle{
        padding: 30px 20px;
    }

    .footer-middle .purchase{
        padding: 5px 15px;
        font-size: 14px;
    }
    .footer-middle .text{
        padding: 20px 0px;
        font-size: 14px;
    }
}