.header {
  background-color: var(--white-color) !important;
  box-shadow: 0 2px 5px var(--dull-color);
}

.header .header-logo {
  position: absolute;
  top: -11px;
}

.header figure {
  width: 80px;
  height: 100%;
  overflow: hidden;
}

.header figure img {
  width: 100%;
  height: 80px;
  object-fit: contain;
}

.header .link {
  position: relative;
  font-size: var(--small-font);
  color: inherit;
  overflow: hidden;
  z-index: 1;
}

.header .link::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background-color: var(--primary-color);
  transition: left 0.35s ease;
  z-index: -1;
}

.header .link:hover::before {
  left: 0;
}

.header .link:hover {
  color: var(--white-color);
}

footer figure {
  width: 100%;
  height: 90px;
  overflow: hidden;
}

footer figure img {
  width: 90px;
  height: 100%;
  object-fit: contain;
}

footer .useful-resources-list::before {
  content: "";
  position: absolute;
  left: 5px;
  top: 0;
  width: 1px;
  height: 100%;
  background-color: #9e9e9e;
}

footer .useful-resources-list li::before {
  content: "";
  position: absolute;
  left: -10px;
  top: 50%;
  width: 18px;
  height: 1px;
  background-color: #9e9e9e;
  transform: translateY(-50%);
}

/* Home */

.home-img{
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.home-img img{
  width: 100%;
  height: 40vh;
  object-fit: cover;
  border-right: 5px solid var(--primary-color);
  border-left: 5px solid var(--primary-color);
  border-radius: 5px;
}

/* ABOUT  */

.about-co-founder-img-fig {
  width: 100%;
  height: 50vh;
  overflow: hidden;
}

.about-co-founder-img-fig img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}