html {
   scroll-behavior: smooth !important;
   font-size: 16px;
}

@media (max-width: 767px) {
   .html {
      font-size: 12px !important;
   }
}

.div-spacer-10vh {
   width: 100%;
   height: 10vh;
}

.div-spacer-sm-2vh {
   display: none;
}

@media (max-width: 767px) {
   .div-spacer-sm-2vh {
      display: flex;
      width: 100%;
      height: 2vh;
   }
}

.buttonlink-xl {
   font-size: 1.5rem;
}

.buttonlink-md {
   font-size: 1rem;
}

@media (max-height: 767px) {
   .buttonlink-xl {
      font-size: 1rem !important;
   }
}

@media (max-width: 767px) {
   .buttonlink-xl {
      font-size: 1rem !important;
   }
}

.div-welcome-message {
   position: absolute;
   top: 50px;
   z-index: 30;
   margin: 0 auto;
   background-color: rgba(0, 0, 0, 0.6);
   color: white;
}

.div-logo {
   position: absolute;
   z-index: 30;
   width: 80%;
   max-width: 960px;
   margin: 0 auto;
   right: 0;
   left: 0;
}

@media (max-height: 767px) {
   .div-logo {
      width: 35% !important;
      min-width: 240px;
   }
}

.div-scrolldown {
   cursor: pointer;
   position: absolute;
   z-index: 35;
   left: calc(50% - 20px);
   bottom: 20px;
   width: 40px;
   height: 65px;
}

.div-chevron {
   position: absolute;
   width: 40px;
   height: 6px;
   opacity: 0;
   transform: scale3d(0.5, 0.5, 0.5);
   animation: move 3s ease-out infinite;
}

.div-chevron:first-child {
   animation: move 3s ease-out 1s infinite;
}

.div-chevron:nth-child(2) {
   animation: move 3s ease-out 2s infinite;
}

.div-chevron:before,
.div-chevron:after {
   content: ' ';
   position: absolute;
   top: 0;
   height: 100%;
   width: 50%;
   background: #ffffff;
}

.div-chevron:before {
   left: 0;
   transform: skew(0deg, 30deg);
}

.div-chevron:after {
   right: 0;
   width: 50%;
   transform: skew(0deg, -30deg);
}

@keyframes move {
   25% {
      opacity: 1;

   }

   33% {
      opacity: 1;
      transform: translateY(30px);
   }

   67% {
      opacity: 1;
      transform: translateY(40px);
   }

   100% {
      opacity: 0;
      transform: translateY(55px) scale3d(0.5, 0.5, 0.5);
   }
}

.div-button {
   cursor: pointer;
   border-radius: 5px;
   padding: 10px;
   transition: 0.15s linear;
   margin: 10px 0 10px 0;
}

.div-button:hover {
   outline-offset: 4px;
}

.outline-white {
   outline: 2px solid white;
}

.outline-black {
   outline: 2px solid rgb(0, 0, 0);
}

.div-carousel-filter {
   height: 100vh;
   position: absolute;
   background-color: rgba(0, 0, 0, 0.3);
   z-index: 15;
}

.div-carousel {
   height: 100vh;
   z-index: 0;
   overflow: hidden;
}

.carousel-fullscreen .carousel-inner .carousel-item {
   height: 100vh;
   background-position: center center;
   background-repeat: no-repeat;
   background-size: cover;
}

.slide1 {
   background: url('/assets/img/carousel01.jpg');
}

.slide2 {
   background: url('/assets/img/carousel02.jpg');
}

.slide3 {
   background: url('/assets/img/carousel03.jpg');
}

.div-content {
   font-size: 1rem;
   margin-top: 50px;
   margin-bottom: 50px;
}

.img-content {
   width: 100%;
}

.div-contact,
.div-footer {
   background-color: rgb(40, 40, 40);
   color: rgb(255, 255, 255, 0.75);
   font-size: 1rem;
}

.div-contact {
   padding-top: 2rem !important;
   padding-bottom: 2rem !important;
}

.div-contact-info {
   margin: 0 25px;
}

.div-contact-info-icon {
   margin: 0 6px;
   display: inline-block;
}

@media (max-width: 900px) {
   .div-contact {
      flex-direction: column !important;
   }

   .div-contact-info {
      margin: 15px 25px;
   }
}

.div-contact a {
   color: rgb(255, 255, 255, 0.75);
   text-decoration: underline;
}

.div-contact a:hover {
   color: rgb(255, 255, 255, 0.75);
   text-decoration: none;
}

.div-footer a {
   color: rgb(255, 255, 255, 0.75);
   text-decoration: underline;
}

.div-footer a:hover {
   color: rgb(255, 255, 255, 0.75);
   text-decoration: none;
}