.page-title {
   width: 100%;
   background: var(--black_95);
}

.page-title h2 {
   color: var(--gold_100);
   font-size: 2.5em;
}

.page-title p {
   color: var(--white_100);
   font-size: 1.15em;
   padding-top: 0.5em;
}

.page-title-content {
   padding: 40px;
}

.contact {
   width: 100%;
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: center;
   background: var(--black_95);
}

.contact-content {
   width: 90%;
   display: flex;
   flex-direction: row;
}

.contact-map {
   width: 70%;
}

#google-map {
   width: 100%;
   height: 100%;
   border: 0;
}

.contact-info {
   min-width: 350px;
   width: 30%;
   padding: 20px;
   display: flex;
   flex-direction: column;
   gap: 10px;
   background: var(--black_90);
}

.contact-block {
   width: 100%;
   display: flex;
   flex-direction: row;
   align-items: center;
   gap: 10px;
}

.contact-block .icon {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   gap: 5px;
   width: 80px;
   height: 80px;
   background: var(--gold_100);
   border-radius: 50%;
   color: var(--black_100);
}

.contact-description {
   color: var(--white_100);
}

.spacer {
   content: '';
   width: 100%;
   background: var(--black_95);
}

.h200 {
   height: 200px;
}

@media screen and (max-width: 850px) {
   .contact-content {
      flex-direction: column;
   }

   .contact-map {
      width: 100%;
      height: 400px;
   }

   .contact-info {
      min-width: fit-content;
      width: 100%;
      padding: 10px;
   }

   .contact-block {
      width: 300px;
   }
}