/* Primary colours */
:root {
   --bs-body-bg: #71a4bf;
   --bs-body-color: #ffffff;
   --bs-secondary: #333333;
}


/* Header */
header {
   padding: 1rem 0;
}

header .logo img {
   height: 230px;
   width: 230px;
   border-radius: 50%;
   object-fit: cover;
   transition: transform 0.2s ease-in-out;
   cursor: pointer;
}

@media (max-width: 992px) {
   header .logo img {
      height: 180px;
      width: 180px;
   }
}

@media (max-width: 576px) {
   header .logo img {
      height: 130px;
      width: 130px;
   }
}

header .logo img:hover {
   transform: scale(0.97);
}

/* Nav */
.navbar-custom {
   --bs-navbar-color: #333333;
   --bs-navbar-hover-color: #ffffff;
   --bs-navbar-active-color: #ffffff;
}

header nav ul {
   list-style: none;
   display: flex;
   align-items: center;
}

header nav li {
   margin-left: 2rem;
   font-size: 1.2rem;
}

header nav a {
   text-decoration: none;
   font-weight: 600;
   color: #FFFFFF;
   transition: color 0.3s ease;
}

header nav a:hover {
   color: #333333;
}

/* Body */
.site-width {
   max-width: 900px;
}

h1 {
   padding-bottom: 10px;
}

h5 {
   color: var(--bs-secondary);
   font-weight: 600;
}

hr {
   border-top: 1px solid transparent;
   border-bottom: 2px solid #ffffff;
}

@media (min-width: 768px) {
   .equal-height-heading {
      min-height: 3.9em;
   }
}


/* Footer */
.footer-contact a {
   color: #FFFFFF;
   text-decoration: none;
}


/* Team */
.team-profile img {
   height: 220px;
   width: auto;
   margin-bottom: 4px;
}

.team-profile .team-title {
   color: var(--bs-secondary);
}

/* Projects */
.projects hr {
   margin-top: 40px;
}