/* Box sizing rules */
*,
*::before,
*::after {
   box-sizing: border-box;
}

/* Remove default margin */
body,
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
dd {
   margin: 0;
}

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul[role="list"],
ol[role="list"] {
   list-style: none;
}

/* Set core root defaults */
html:focus-within {
   scroll-behavior: smooth;
}

/* Set core body defaults */
body {
   min-height: 100vh;
   text-rendering: optimizeSpeed;
   line-height: 1.5;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
   text-decoration-skip-ink: auto;
}

/* Make images easier to work with */
img,
picture {
   max-width: 100%;
   display: block;
}

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
   font: inherit;
}

/* Remove all animations, transitions and smooth scroll for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
   html:focus-within {
      scroll-behavior: auto;
   }

   *,
   *::before,
   *::after {
      animation-duration: 0.01ms !important;
      animation-iteration-count: 1 !important;
      transition-duration: 0.01ms !important;
      scroll-behavior: auto !important;
   }
}
body,
html {
   font: 400 15px/1.8 "Lato", sans-serif;
}

body {
   /* background: no-repeat center/80% url(/assets/images/home-bg-light.jpg) ; */
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
   background-color: #000;
}

.title,
.sub-title {
   left: 0;
   top: 0;
   width: 100%;
   text-align: left;
   color: #000;
}

.caption {
   position: absolute;
   left: 0;
   top: 50%;
   width: 100%;
   text-align: left;
   color: #000;
}

.caption span.border {
   color: #fff;
   padding: 18px;
   font-size: 1rem;
   letter-spacing: 10px;
}
.title span.border {
   color: #fff;
   padding: 18px;
   font-size: 3rem;
   letter-spacing: 10px;
}
.sub-title span.border {
   color: #fff;
   padding: 18px;
   font-size: 0.8rem;
   letter-spacing: 4px;
}

.social-container {
   display: flex;
   justify-content: space-around;
   margin: 2rem;
}

.social-container img {
   margin: 10px;
   -o-object-fit: contain;
   object-fit: contain;
   align-self: flex-start;
   max-width: 50px;
}

a {
   text-decoration: none;
}

.splide__slide img {
   max-width: 100%;
   height: auto;
 }

 main {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
 }

 .splide_container {
    display: flex;
    justify-content: center;
 }