footer ul {
    list-style: none;
    padding-left: 0;
  }
  footer {
    background-color: black;
    color: white;
    line-height: 1.5;
    margin-top: 40px;
  }
  footer a {
    text-decoration: none;
    color: #ffffff;
  }
  footer a:hover {
    text-decoration: underline;
  }
  .ft-title {
    color: #EAB622;
    font-family: sans-serif;
    font-size: 1.375rem;
    padding-bottom: 0.625rem;
  }
  /* Sticks footer to bottom */
  .container {
    flex: 1;
  }
  /* Footer main */
  .ft-main {
    padding: 1.25rem 1.875rem;
    display: flex;
    flex-wrap: wrap;
  }

  .ft-main-item {
    padding: 1.25rem;
    min-width: 12.5rem;
  }
  
  /* Footer main | Newsletter form */
  .ft-btn {
    background-color: #EAB622;
    color: black;
    cursor: pointer;
    border: 0;
    padding: 0.625rem 0.9375rem;
    margin-top: 0.3125rem;
  }
  .ft-btn:hover{
    background-color: #203158;
    color: white;
    transition-duration: 500ms;
  }
  /* Footer social */
  .ft-social {
    padding: 0 1.875rem 1.25rem;
  }
  .ft-social-list {
    display: flex;
    justify-content: center;
    border-top: 1px #777 solid;
    padding-top: 1.25rem;
    gap: 2rem;
  }
  /* Footer legal */
  .ft-legal {
    padding: 0.9375rem 1.875rem;
    background-color: #203158;
    color: #EAB622;
  }
  .ft-legal-list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
  }
  .ft-legal-list li {
    margin: 0.125rem 0.625rem;
    white-space: nowrap;
  }
  /* one before the last child */
  .ft-legal-list li:nth-last-child(2) {
      flex: 1;
  } 
  .ft-social-list li a img{
    filter: drop-shadow(2px 2px 5px #203158);
  }
  .ft-social-list li a img:hover{
    transition-duration: 300ms;
    filter: drop-shadow(2px 2px 5px #EAB622);
  }
  
  /*Responsive Queries for Footer*/
  
  @media only screen and (min-width: 29.8125rem /* 477px */) {
    .ft-main {
      justify-content: space-evenly;
    }
  }
  @media only screen and (min-width: 77.5rem /* 1240px */) {
    .ft-main {
      justify-content: space-evenly;
    }
  }
  @media (max-width:325px){
    .ft-social-list{
        flex-direction: column;
        align-items: center;
    }
}