:root {
    --black: #2D2D2F;
    --dark-blue: #194775;
    --blue:#00B0F0;
    --orange: #FF9900;
    --pale: #F2EFEB;
    --white: #FFFFFF
  }


footer { 
    background-color:var(--pale);
    padding:5rem 0 1.5rem 0;
    text-align:center;
}

@media (min-width: 768px) {footer {text-align:initial;}}

footer ul {list-style: none; margin-bottom:5rem;}

@media (min-width: 768px) {footer ul {margin-bottom:0;}}


footer ul li {margin-bottom:.7rem;}

footer a {
    font-family:'Inter', sans-serif;
    text-decoration:none;
    color:var(--black)
}

footer a:hover,
footer a:active {
    color:var(--orange);
    transition:.3s;
}

footer .logobox .footer-logo {
    height:12rem;
    display:block;
    margin:0 auto 2rem auto;
}

@media (min-width: 768px) {footer .logobox .footer-logo {height:9rem; margin:0 0 1rem 0;}}

footer .logobox .social img {
    height:2.5rem;
    margin:0rem 1rem 5rem 1rem;
}

@media (min-width: 768px) {footer .logobox .social img  {margin:.5rem .5rem 5rem 0; height:1.6rem;}}

footer .quicklinks h4 {
   font-size:1.9rem;
   font-family:'Poppins SemiBold', sans-serif;
   color:var(--dark-blue);
   margin-bottom:1rem;
}

@media (min-width: 768px) {footer .quicklinks h4 {font-size:1.6rem;}}

footer .affilations img {
    height:5rem;
    margin:0rem 1rem 4rem 1rem;
}

footer .attributes p {
    width:95%;
    margin:auto;
}

@media (min-width: 768px) {footer .attributes p {width:90%;}}