﻿footer { padding-top: 4rem; font-size:1rem; }
.footer-grid { display: grid; grid-template-areas: "info contact searches help account payments"; padding-bottom: 3rem; grid-gap:1rem;}

.footer-info { grid-area: info; }
.footer-contact { grid-area: contact; }
.footer-socials { grid-area: contact; align-self:flex-end; }
.footer-searches { grid-area: searches; }
.footer-account { grid-area: account; }
.footer-payments { grid-area: payments; }

@media screen and (min-width:1230px) and (max-width:1500px) {
.footer-payments img {max-width:300px;}
}

@media screen and (max-width:1230px) {
.footer-grid { grid-template-areas: "info contact searches help" "account payments payments payments";  grid-row-gap:3rem;}
}

@media screen and (max-width:768px) {
.footer-grid { grid-template-areas: "info contact account" "searches help help" " payments payments payments" ; padding-bottom: 2rem;}
.footer-copyright {justify-content:center; font-size:0.9rem;}
}

@media screen and (max-width:500px) {

footer { padding-top: 2rem; font-size:0.9rem; }
.footer-grid { grid-template-areas: "info contact" "searches help" "account account" "payments payments" ; padding-bottom: 1rem; grid-template-columns:1fr 1.2fr; grid-row-gap:2rem;}

.footer-account {flex-direction:row; justify-content:center;}

footer .f-rem-11 {font-size:1rem!important;}
}