@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css");

@import url("resets.css");
@import url("variables.css");
@import url("base.css");
@import url("layouts.css");
@import url("typography.css");

@import url("components/all.css");

@import url("utilities.css");

#main-content {
    width: 100%;
    max-width: 874px;
    margin: -80px auto 0px;
}

@media (min-width: 787px) {
  .contact-details {
    display:flex;
  }
}

.contact-details__list {
  width: 100%; padding: 40px; color: var(--color-blue);
}
@media (min-width: 787px) {
  .contact-details__list {
    width: 50%; padding: 60px; color: var(--color-blue);
  }
}

.contact-details__map {
  width: 100%;
}
@media (min-width: 787px) {
  .contact-details__map {
    width: 50%;
  }
}

.content-area {
  background-color: white;
  color: var(--color-blue);
  padding: 60px 20px;
  width:100%;
  border-radius: 8px;
  overflow: hidden;
  background-color: white;
}

@media (min-width: 501px) {
  .content-area {
      padding: 60px 30px;
  }
}
@media (min-width: 787px) {
  .content-area {
      padding: 60px 50px;
  }
}

  .pageHeading {
    color: var(--color-white);
    padding: 100px 0 80px;
    text-align: center;
  }

  /* .getintouch {
    width: 100%;
    max-width: 876px;
    margin: 0 auto;
  } */

/* .rockstar__content {
  height:100%;
  display:flex;
  flex-direction:column; 
  justify-content: center; 
  align-items: start;
  padding: 60px calc(100% / 12);
} */
/* .rockstar__icon {
  margin-bottom: 0.6rem;
  width: 75px; 
  height: 75px; 
  border-radius: 50%; 
  background-color: var(--color-gold);
  display: flex;
  align-items: center;
  justify-content: center;
} */

/* .rockstar__svg {
  width: 42px; 
  color: var(--color-blue);
} */

  /* Utilities */