footer {color:var(--neutral-100); background:#6A7F35;
background: radial-gradient(circle,rgb(85,103,42) 0%, rgba(57,72,29,1) 38%); padding:80px 0; position:relative;}

footer .paragon-p {position:absolute; top:0; left:-80px; width:100%; max-width:600px; mix-blend-mode:soft-light; opacity:0.2;}

footer .logo {margin-bottom:3rem;}
footer a {color:var(--primary-200);}
footer a[href^="tel:"] {color:var(--neutral-100);}
footer a:hover {color:var(--primary-400);}
footer a {text-decoration:none;}
footer .logo-agent {max-width:180px;}
footer .small-copy {font-size:0.75rem; text-align:justify;}
.footer-grid {display:grid; grid-template-columns:1fr; column-gap:2rem;}
.footer-grid>div:first-child {padding-bottom:2rem;}
.footer-grid>div:first-child p {color:var(--primary-400); text-align:center;}
.footer-grid>div:nth-child(3) {color:var(--primary-400);}
.footer-grid>div:nth-child(5) {color:var(--primary-400);}
.footer-grid>div:last-child {margin-top:2rem;}
footer .container {width:min(100%, 1200px);}

@media (max-width:991px) {
    footer .container {width:min(100%, 600px);}
}

@media (max-width:575px) {
    .footer-grid {text-align:center;}
    .footer-grid img.logo-agent {margin:0 auto;}
}

@media ((min-width:576px) and (max-width:991px)) {
    .footer-grid {grid-template-columns:1fr 1fr;}
    .footer-grid>div:first-child {grid-column:1 / -1; order:1;}
    .footer-grid>div:nth-child(2) {order:2;}
    .footer-grid>div:nth-child(2) img.logo-agent {margin-top:0.5rem;}
    .footer-grid>div:nth-child(4) {order:3;}
    .footer-grid>div:nth-child(4) img.logo-agent {margin:0 0 0 auto;}
    .footer-grid>div:nth-child(3) {order:4;}
    .footer-grid>div:nth-child(5) {order:5; text-align:right;}
    .footer-grid>div:nth-child(6) {order:6;}
    .footer-grid>div:last-child {grid-column:1 / -1;}
}

@media (min-width:992px) {
    footer .logo-agent {max-width:260px;}
    .footer-grid {grid-template-columns:1fr 1fr 1fr 1fr;}
    .footer-grid>div:first-child {grid-column:2 / 4; order:1;}
    .footer-grid>div:nth-child(2) {grid-column:1 / 2; order:2;}
    .footer-grid>div:nth-child(2) img.logo-agent {margin:1rem 0 0 auto;}
    .footer-grid>div:nth-child(3) {order:3;}
    .footer-grid>div:nth-child(4) {order:5;}
    .footer-grid>div:nth-child(5) {order:4; text-align:right;}
    .footer-grid>div:nth-child(6) {order:6;}
    .footer-grid>div:last-child {grid-column:2 / 4;}
}
