* {
  font-family: "Nunito" !important;
}

html {
  scroll-behavior: smooth;
  overflow-x: hidden;
}

body {
  background: white;
  font-family: "Nunito", sans-serif;
  overflow-x: hidden;
}


.header-img img{
  background-size: cover;
  width: 100%;
  display: flex;
  flex-direction: column;

}

.header-logos-wrapper {
  justify-content: space-between;
  display: flex;
  padding-top: 40px;
  line-height: 70px;
}

.header-text {
  padding-top: 80px;
}

h1.section-titles-1 {
  
  text-align: center;
  font: normal normal 300 30px/40px Nunito;
  color: black;
}


h1.section-titles-2 {
  text-align: center;
  font: normal normal 600 36px/43px Nunito;
  color: black;
}

h1.section-titles-3 {
  text-align: center;
  font: normal normal 600 36px/43px Nunito;
  padding-top: 100px;
}




.cta-frame a {
  color: #ffffff;
  border-radius: 200px;
   border: 1px solid black;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 8px 24px;
  display: inline-block;
  font-size: 1.2rem;
  background: black;
  transition: 0.3s;
  margin-top: 20px;
  text-decoration: none;
}

.cta-frame a:hover {
  background: none;
  color: black;
  border: 1px solid black;
}

.s2-bg{
  background-image: url(../images/s2-bg.jpg?v=1.1);
  background-position: top;
  background-size: cover;
  width: 100%;
  display: flex;
  flex-direction: column;
}

.carousel-padd{
  padding: 2% 5% 7% 5%;
}

.carousel-control-next,
.carousel-control-prev,
.carousel-indicators {
    filter: invert(100%);

}


p.carousel-text{
  padding-top: 50px;
  font: normal normal 300 22px/30px Nunito;
}


h2.price-before{
  text-align: left;
  text-decoration: line-through;
  font: normal normal 600 23px/35px Nunito;
}

h2.price-after{
  font: normal normal 600 36px/35px Nunito;
}


.gallery{
  padding: 7% 0 7% 0;
}

.gallery img{
  width: 100%;


}




@media (max-width: 1200px) {
  h1.section-titles-1 {
    font: normal normal 300 30px/35px Nunito;
  }

  h1.section-titles-2 {
    font: normal normal 300 30px/35px Nunito;
  }
  .gallery img{
  max-height: fit-content;

}


.carousel-control-next,
.carousel-control-prev
 {
   display: none;
  
}

p.carousel-text{
  text-align: center;
}

h2.price-before{
  text-align: center;
}

h2.price-after{
text-align: center;
}

.cta-frame{
  text-align: center;
}


}
@media (max-width: 992px) {
  .cta-frame{
  padding-bottom: 30px;
}



.gallery{
  padding: 5% 3% 5% 3%;
}

  .gallery img{
  max-height: fit-content;
  min-height: auto;
}



}

@media (max-width: 768px) {
  .header-logos-wrapper {
    padding-top: 10px;
    line-height: 50px;
  }

  img.x-kom_logo {
    width: 65%;
  }
  img.msi_logo {
    width: 65%;
  }
  .header-bg {
    height: auto;
  }

  .cta-frame a {
    margin-top: 20px;
  }

  p.text-under-button {
    padding-top: 100px;
    font: normal normal 300 12px/16px Nunito;
  }

  .header-text {
    padding-top: 50px;
  }

  .s-right {
    text-align: center !important;
    padding-top: 50px;
  }

  .s-right {
    position: relative;
    width: 100%;
  }

  .image img {
    width: 110%;
  }

  h1.section-titles-1 {
    font: normal normal 300 25px/33px Nunito;
  }

  h1.section-titles-2 {
    position: initial;
    text-align: center;
    font: normal normal 300 25px/33px Nunito;
  }


}