:root{
  --blue: #082567 ;
  --orange: #D9644A ;
}

.site-footer {
    width: 100%;
    background-color: white;
    padding: 3rem 4rem;
    margin: 0;
    font-family: 'Roboto';
    box-shadow:  8px 6px 10px rgba(0, 0, 0, 0.08);
  }

  a {
    text-decoration: underline;
    color: black;
    font-weight: lighter;
  }

  li {
    list-style-type: none;
    color: black;
    font-weight: lighter;
  }

  p {
    font-weight: lighter;
  }

  .footer-top {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: .4rem;
  }
  
  .footer-top div {
    max-width: 300px;
    font-size: 1rem;
    color: black;
    text-decoration: none;
  }
  

  .footer-top strong {
    font-weight: 600;
  }
  
  .footer-logo img {
    width: 13.7rem;
  }
  
  .footer-pages a:hover, .footer-social a:hover {
    font-weight: bold;
    color: var(--orange);
  }
  
  @media (max-width: 994px) {

    .footer-top {
      display: grid;
      justify-content: center;
      gap: 1rem;
     }

    .footer-top div {
      text-align: center;
      /* height: 8rem; */

     }  

  }