#enquiry-form label {
   font-weight: 600;
}

#main-home,
#main-project {
   background-color: var(--bg-color-3);
}

#main-project > div {
   padding-top: 4vw;
   display: flex;
   flex-direction: column;
   gap: 20px;
}

#banner-img {
   border-radius: var(--redius-2);
}

#project-info {
   background-color: var(--bg-color-6);
   display: grid;
   gap: 20px;
   grid-template-columns: 2fr 1fr 1.5fr;
   align-items: start;
}

#project-info img {
   max-height: 100px;
   display: block;
}

#project-info div:nth-child(n + 2) {
   padding: var(--pad-1);
   border-radius: var(--redius-1);
   display: flex;
   flex-direction: column;
   gap: 12px;
}

#project-info p {
   font-size: var(--nav-font-s2);
   margin-bottom: 12px;
}

#project-info p > i,
td a {
   color: var(--color-link);
}

#project-info p > span {
   font-weight: 600;
   font-size: inherit;
}

#project-info a {
   color: var(--color-link);
   font-size: var(--nav-font-s1);
   line-height: var(--line-height-1);
   align-self: flex-start;
   display: flex;
}

#project-info a:hover,
td a:hover,
#header-div nav a:hover {
   color: var(--color-hover-link);
}

#project-info > div:nth-child(2) {
   background-color: var(--bg-color-7);
}

#project-info > div:nth-child(3) {
   background-color: var(--bg-color-8);
}

#project-about {
   background-color: var(--bg-color-5);
   border: var(--border-1);
}

#project-about p {
   margin-bottom: var(--margin-bottom20);
}

#contact-div {
   display: flex;
   gap: 50px;
   flex-wrap: wrap;
}

@media screen and (max-width: 1100px) {
   #header-div {
      justify-content: center;
   }

   #header-div > div {
      text-align: center;
      align-items: center;
      flex-wrap: wrap;
   }
}

@media screen and (max-width: 750px) {
   #project-info {
      grid-template-columns: 1fr;
   }
}