.layout {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 3rem;
}

@media screen and (min-width: 45rem) {
  .layout {
    grid-template-columns: 1fr 2fr;
  }
}

@media screen and (min-width: 45rem) {
  .layout {
    grid-template-columns: 1fr 2fr;
  }
}

.layout aside section {
  margin-bottom: 3rem;
}

.layout aside h2 {
  margin-bottom: 0.75rem;
}

.contact .social-icon {
  display: inline-block;
  width: 1.3em;
  height: 0.9em;
  background: center left / contain no-repeat;
  padding-top: 0px;
  padding-bottom: 0px;
  margin-bottom: -3px;
}

.contact .social-icon.Facebook {
  background-image: url("../../images/logo-facebook-2019.svg");
}

.contact .social-icon.Instagram {
  background-image: url("../../images/logo-instgram-2016.svg");
}

.contact a:hover {
  color: #FA57F4;
}

.contact .contact-icon {
  display: inline-block;
  width: 1.7em;
  height: 1.3em;
  padding-top: 0px;
  padding-bottom: 0px;
  margin-bottom: -8px;
  background: center left / contain no-repeat;
}

.contact .contact-icon.email {
  background-image: url("../../images/icon-contact-email.svg");
}

.contact .contact-icon.phone {
  background-image: url("../../images/icon-contact-phone.svg");
}

.contact .contact-icon.skype {
  background-image: url("../../images/icon-contact-skype.svg");
}
