footer {margin-top: 32px; background: var(--main-background2)}
.row-footer-newsletter{display: grid; grid-template-columns: 2fr 12fr auto; gap: 60px; align-items: center;}
.footer-newsletter {padding: 30px 0px; background: var(--color-grey); color: var(--color-black);}
.footer-newsletter .btn-newslleter {background-color: var(--color-background); color: var(--color-white);}
.footer-newsletter .btn-newslleter:hover {background-color: var(--color-background2);}
.footer-newsletter-span{display: flex;}
.footer-newsletter-img{margin-right: 10px;}
.footer-social {text-align: right;}
.footer-social i {color: var(--color-background);}
.footer-social i:hover {color: var(--color-background2);}
.footer-social a {display: inline-block; color: #ffffff; font-size: 28px; margin-left: 15px;}
.row-footer-main{display: grid; grid-template-columns: 3fr 12fr; gap: 10%; padding: 32px 0;}
.footer-info i {color: var(--color-primary); min-width: 20px;}
.footer-title {font-size: 24px; text-transform: uppercase; margin-bottom: 15px;}
.footer-menu {columns: 3;}
.footer-menu a {font-size: 15px; display: block; padding: 5px 0px;}
.footer-menu a:hover {color: var(--color-background2);}
.footer-menu a:before{ 
    content: '\f0da';
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    margin:0px 10px 0px 0px;
    text-decoration:none;
 } 
.footer-copy {border-top: 1px solid var(--color-general-border); padding: 10px 0px; font-size: 14px;}
.footer-row {display: flex; justify-content: space-between; align-items:center}
.footer-info i {color: var(--color-background);}
.footer-info ul li {padding: 5px 0px;}