footer{
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  background-color: #FAF7F7;
  margin-top: 124px;
  -webkit-box-shadow: 0px 500px 0px 500px rgba(250,247,247,1);
  -moz-box-shadow: 0px 500px 0px 500px rgba(250,247,247,1);
  box-shadow: 0px 500px 0px 500px rgba(250,247,247,1);
  gap: 32px;
}
body.darkmode footer{
  background-color: #2F2929;
  -webkit-box-shadow: 0px 500px 0px 500px #2F2929;
  -moz-box-shadow: 0px 500px 0px 500px #2F2929;
  box-shadow: 0px 500px 0px 500px #2F2929;
}
footer .content{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  padding-top: 64px;
  padding-bottom: 64px;
  gap: 32px;
}
footer logo{
  display: block;
  width: 100%;
  max-width: 264px;
  aspect-ratio: 1 / 0.53;
  background-image: url('../../assets/logos/horsecontrol_logo.svg');
  background-size: contain;
}
body.darkmode footer logo{
  background-image: url('../../assets/logos/horsecontrol_black.svg');
  filter: invert(78%) sepia(13%) saturate(522%) hue-rotate(342deg) brightness(94%) contrast(85%);
}
footer .col{
  display: flex;
  flex-direction: column;
  max-width: 264px;
}
footer .col:first-of-type{
  gap: 32px;
}
footer .col:first-of-type p{
  font-size: 12px;
  color: rgba(71, 45, 45, 0.64);
  text-align: center;
}
footer .col:first-of-type p{
  color: rgba(205, 178, 159, 0.64);
}
footer .col button{
  background-color: transparent;
  border: none;
  box-shadow: none;
  font-weight: 700;
  color: #695858;
}
body.darkmode footer .col button{
  color: #CDB29F;
}
body.darkmode footer .col button img{
  filter: invert(78%) sepia(13%) saturate(522%) hue-rotate(342deg) brightness(94%) contrast(85%);
}
footer .col .btnSublink{
  font-weight: 400;
}
footer .socials{
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-top: 16px;
}
footer .socials button{
  padding: 0px;
}
footer .backToTop{
  height: 44px;
  width: 44px;
  border-radius: 6px;
  background-color: rgba(0, 0, 0, 0.24);
  background-image: url('../../assets/icons/arrow_upward.svg');
  background-position: center;
  background-repeat: no-repeat;
}
body.darkmode footer .backToTop{
  filter: invert(81%) sepia(5%) saturate(585%) hue-rotate(314deg) brightness(83%) contrast(95%);
}
#link2{
  width: 100%;
  height: 100%;
}


@media only all and (max-width: 690px) {
  footer{
    padding-left: 44px !important;
    padding-right: 44px !important;
  }
  
  footer .col{
    width: calc(50% - 16px) !important;
  }
  footer .col,
  footer button{
    justify-content: center !important;
  }
  footer button{
    width: 100%;
  }
  footer .col:first-of-type{
    align-items: center;
    width: 100% !important;
    max-width: 100%;
  }
}
@media only all and (max-width: 430px) {
  footer .content{
    flex-direction: column;
    align-items: center;
  }
  footer .col{
    width: 100% !important;
  }
  footer a{
    display: flex;
    justify-content: center;
  }
}