/* .logoImageSize {
  width: 200px;
  height: 200px;
}

.headerlink {
  border-radius: 5px;
  padding: 5px 10px;
}

.headerlink:hover {
  background: red;
  border-radius: 10px;
  padding: 2px 40px;
} */

.mainbagroundImage {
    width: 100%;
    background: url("../Images/website-images/mainBaner.jpg") no-repeat center
      center;
    background-size: cover;
  }

  .shipbagroundImage {
    width: 100%;
    height: 100vh;
    background: url("../Images/website-images/shipBanner.jpg") no-repeat center
      center;
    background-size: cover;
  }

  .containerLoarybagroundImage {
    width: 100%;
    height: 100vh;
    background: url("../Images/website-images/container-operation.jpg") no-repeat
      center center;
    background-size: cover;
  }

  .footerLogoSize {
    width: 25%;
  }

.fade-in {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.5s ease-out, transform 0.5s ease-out;
}

.fade-in.loaded {
  opacity: 1;
  transform: translateY(0);
}

.delay-1 { transition-delay: 0.1s; }
.delay-2 { transition-delay: 0.2s; }
.delay-3 { transition-delay: 0.3s; }
.delay-4 { transition-delay: 0.4s; }
.delay-5 { transition-delay: 0.5s; }
.delay-6 { transition-delay: 0.6s; }
.delay-7 { transition-delay: 0.7s; }
.delay-8 { transition-delay: 0.8s; }
.delay-9 { transition-delay: 0.9s; }
.delay-10 { transition-delay: 0.10s; }
.delay-11 { transition-delay: 0.11s; }
.delay-12 { transition-delay: 0.12s; }