#logo {
      display: flex;
      justify-content: center;
      margin: 2rem 0;
}

body {
      font-family: soleil, sans-serif;
}

h1 {
      text-align: center;
}
img {
      max-width: 100%;
      width: auto;
}

.swiper-scrollbar {
      display: none;
}

.swiper-wrapper {
      align-items: stretch !important;
}
.swiper-button-prev,
.swiper-button-next {
      color: white !important;
      z-index: 99999;
}

.swiper-pagination-bullet-active {
      background: white !important;
}

svg {
      width: 30px;
      height: auto;
      margin: 0 10px;
}
@media (min-width: 800px) {
      .tophalf {
            margin: 0 4rem;
            display: flex;
            align-items: center;
            justify-content: space-between;
      }
}
@media (max-width: 800px) {
      .socialmedia {
            justify-content: center;
            padding: 5rem 2rem;
      }
      .contact {
            justify-content: center;
            padding: 2rem 2rem;
            background: #dbe2ea;
      }
}
.socialmedia,
.contact {
      display: flex;
      align-items: center;
}

.facebook path {
      fill: #1877f2;
}
.instagram path {
      fill: #e4405f;
}

a {
      display: flex;
      align-items: center;
      opacity: 0.5;
      transition: opacity 0.5s ease-in-out;
}

a:hover {
      opacity: 1;
}