@font-face {
  font-family: "ModoSans";
  font-weight: bold;
  src: url("fonts/ModoSans/font.woff2") format("woff2"),
    url("fonts/ModoSans/font.woff") format("woff");
}

@font-face {
  font-family: "ModoSans";
  font-weight: normal;
  src: url("fonts/ModoSans/regular.woff2") format("woff2"),
    url("fonts/ModoSans/regular.woff") format("woff");
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
  font-family: "ModoSans", sans-serif;
}

.splide__slide img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

@media (min-width: 1024px) {
    .splide__slide img {
        object-fit: cover;
    }
}