.footer {
  letter-spacing: 0.5px;
  margin: auto;
  margin-top: var(--sp-block-normal);
  font-size: 1.2rem;
  gap: 2rem;
  display: grid;
  padding-block: .1rem;
  color: var(--text-color-light);
  background-color: black;
  width: 100vw;
  height: fit-content;
  overflow: hidden;
  grid-template-columns: 1.2fr 1fr 1fr;
  grid-template-areas: "footer-contact footer-service footer-certs";
  grid-area: footer;
}

.footer a {
  font-family: var(  --font-fam-footer-link);
  display: block;
  text-decoration: none;
  font-weight: 400;
  color: var(--color-blue);
 
}
.footer p{
  text-indent: 0px;
}

.footer a:hover {
  text-decoration: underline;
  color: var(--color-blue-light);
}

.footer-contact {
  margin: auto;


  grid-template-areas: "contact-img contact-";
  grid-area: footer-contact;
}
.footer-contact p{
  text-indent: 0px;
}

.footer-logo {
  border-left: 8px solid var(--color-blue-dark);
margin-block-start: 2rem;
padding-left: 10px;
margin-left: -26px;
  height: 3.2rem;
  width: auto;
  display: block;
}

.footer-logo-service {
  border-left: 8px solid var(--color-blue-dark);
  height: 3.2rem;
  width: auto;
  display: none;
}

.footer-icon {
  display: inline;
  transform: translateY(25px);
  margin-inline-start: -55px;
  width: 50px;
  grid-area: contact-img;
}

.footer-service {
  width: 80%;
  grid-area: footer-service;
}

.footer-certs {
  width: 80%;
  grid-area: footer-certs;
}

.footer-certs img {
  width: 6rem;
}

.footer h3 {
  margin-block-start: 2rem;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 2.5rem;
  border-left: 8px solid var(--color-blue-dark);
  padding-left: 10px;
  margin-left: -26px;
}

.jet_footer {
  margin-inline-start: -5rem;
  width: 110%;
}
.social-link-area img {
  width: 3.2rem;
  margin-block: var(--sp-block-normal);
}
.social-link-area{
  display: grid;
  grid-template-columns: 1fr;
  grid-template-areas:  "social-links""social-icons" ;
}
.social-icons a{
  margin-inline: var(--spacing-gap) ;
  display: inline-block;
}
.social-icons a:first-child {
  margin-inline-start: 0;
}
.social-links a{
  display: block;
}

.social-link-area .indeed-logo{
border-radius: 10%;
width: 3.1rem;

}

.social-links {
  margin-block: var(--spacing-gap);
  grid-area: social-links;
}
.social-icons{
  grid-area: social-icons;
}
/* ------------Media Queries---------- */

@media screen and (max-width: 700px) {
  .footer {
    gap: .5rem;

    grid-template-columns: 1fr;
    grid-template-areas:
      "footer-service" 
      "footer-certs"
      "footer-contact";
  }

  .footer-service {
    margin: auto;
    width: 80%;
    grid-area: footer-service;
  }

  .footer-logo-service {

    width: 100%;
 
  }

  .footer-logo {
    margin-left: 0px;
    display: block;
  }

  .footer-certs {
    margin: auto;
  }
  .footer-contact {
    margin: auto;
    width: 80%;
  }
  
  .footer h3 {
    padding-left: 10px;
    margin-left: 0px;
  }
  .footer-certs img {
    width: 5rem;
  }
  
  .footer a {
    padding: 0.2rem;

  }
}