body {
	margin: 0;
	padding: 0;
	font-family: "Plus Jakarta Sans", Arial, sans-serif;
    font-size: 16px;
    line-height: 1.3;
    color: #222;
}
.footer-home{ 
	padding: 48px 0 80px 0;
}

#logo-footer{
    font-family: "Questa Light", Georgia, serif;
    font-size: 22px;
    line-height: 24px;
    color: #222;
    border: 0px solid #f00;
}


#footer{ 
	background: #f8f8f8; 
	color: #222; 
	font-family: "Plus Jakarta Sans", Arial, sans-serif;
    font-size: 14px;
    line-height: 1.36;
    color: #222;
    font-weight: 500;
}
.footer-meta{
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: start;
  gap: 24px;
}
#footer ul {
	margin: 24px 0 24px 0px;
	padding: 0;
}

#footer ul li {
 	font-family: "Plus Jakarta Sans", Arial, sans-serif;
    font-size: 15px;
    line-height: 1.36;
    color: #222;
    display: inline;
    padding: 0 36px 0 0px;
    margin: 0;
}

#footer a{
  font-family: "Plus Jakarta Sans", Arial, sans-serif;
  font-size: 15px;
  line-height: 1.36;
font-weight: 600;
  color: #222;
  text-decoration: none;

  display: inline-flex;
  align-items: center;

  padding: 0 0 2px 0;
  border-bottom: 2px solid transparent;

  transition:
    color var(--ui-color-ease),
    border-bottom-color var(--ui-color-ease);
}

#footer a:hover,
#footer a:focus-visible{
  color: var(--nav-hover);
  border-bottom-color: var(--nav-hover);
  outline: none;
}
#other_row{
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: max-content;
  column-gap: 24px;
  align-items: center;
}

#other_row .copyright{
  float: none;
  white-space: nowrap;
}
.copyright{
  float: none;
  text-align: right;
  white-space: nowrap;
  color: #999;
}
#footer a#logo-footer {
  font-family: "Questa Light", Georgia, serif;
  font-size: 22px;
  line-height: 24px;
  font-weight: 400;
  color: #222;

  text-decoration: none;
  border-bottom: 0;
  padding: 0;

  display: inline-block;
}

#footer a#logo-footer:hover,
#footer a#logo-footer:focus-visible {
  color: #222;
  opacity: 0.85;
}
@media (max-width: 600px) {

 #footer a#logo-footer{
    display: inline-block;
    padding: 0;
    text-decoration: none;
  }
  .footer-meta {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  #footer ul {
    margin: 16px 0;
  }

  #footer ul li {
    display: block;
    padding: 0;
    margin: 0 0 12px 0;
  }

  #footer a {
    display: block;
    padding: 6px 0;
  }

  #other_row {
    grid-auto-flow: row;
    row-gap: 8px;
    justify-items: start;
  }

  .copyright {
    text-align: left;
    white-space: normal;
  }
  
  #footer a {
    border-bottom: 0;
    text-decoration: underline;
    text-decoration-color: transparent;
    text-underline-offset: 4px;
    text-decoration-thickness: 2px;
  }

  #footer a:hover,
  #footer a:focus-visible {
    text-decoration-color: var(--nav-hover);
  }
}