.thin {
  font-weight: 100;
  white-space: nowrap;    
  white-space: pre-wrap;      /* CSS3 */   
  white-space: -moz-pre-wrap; /* Firefox */    
  white-space: -pre-wrap;     /* Opera <7 */   
  white-space: -o-pre-wrap;   /* Opera 7 */    
  word-wrap: break-word;      /* IE */
}

html {
  cursor: url(cursor.svg), auto;
  background-color: #fff;
  transform: translateZ(0);
}

a{
  color: #0000FF;
}

a:hover {
  text-decoration: none;
}

.append {
  id: showImage;
  max-width: 100%;
  align: center;
  padding-bottom: 32px;
  padding-top: 32px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.content {
  display: in-line-flex;
  align: center; text-align: center; font-family: Studio6; padding: 120px; padding-top: 64px; font-size: 32pt;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  line-height: 140%;
}

.bold {
  align: center; 
  text-align: center; 
  font-family: Studio6; 
  font-size: 16pt; 
  font-weight: 600;
  line-height: 120%;
}

  .img {
    padding-right: 0px;
  }

@font-face {
    font-family: 'Studio6';
    src: url('fonts/Studio6-Medium.woff2') format('woff2'),
        url('fonts/Studio6-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Studio6';
    src: url('fonts/Studio6Thin.woff2') format('woff2'),
        url('fonts/Studio6Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Studio6';
    src: url('fonts/Studio6-Demibold.woff2') format('woff2'),
        url('fonts/Studio6-Demibold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

.slide-arrow {
    font-family: 'Studio6';
    color: black;
  position: absolute;
  display: flex;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 4rem;
  border: none;
  width: 56px;
  font-size: 22pt;
  padding: 0;
  cursor: pointer;
  background-color: transparent;
}


#slide-arrow-prev {
  left: 0;
  padding-left: 34px;
}

#slide-arrow-next {
  right: 0;
  padding-right: 0px;
}

/* 1170×2532 pixels at 460ppi */
@media only screen 
    and (max-device-width: 390px) 
    and (-webkit-device-pixel-ratio: 3) { 

  .content {
    font-size: 14pt;
    padding: 16pt;
  }
  .img {
    padding-top: -40px;
    padding-bottom: 16px;
    width: 120px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  }  
  .img2 {
    padding-top: -40px;
    margin-bottom: -10px;
    width: 120px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  }
  .bold {
    font-size: 10pt;
  }
    .slide-arrow {
    font-family: 'Studio6';
    color: black;
  position: absolute;
  display: flex;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 2rem;
  border: none;
  width: 24px;
  font-size: 14pt;
  padding: 0;
  cursor: pointer;
  background-color: transparent;
  }


#slide-arrow-prev {
  left: 0;
  padding-left: 10px;
}

#slide-arrow-next {
  right: 0;
  padding-right: 0px;
}

}

/* 1170×2532 pixels at 460ppi */
@media only screen 
    and (max-device-width: 375px) 
    and (-webkit-device-pixel-ratio: 2) { 

  .content {
    font-size: 14pt;
    padding: 16pt;
  }
  .img {
    padding-top: -40px;
    padding-bottom: 16px;
    width: 120px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  }  
  .img2 {
    padding-top: -40px;
    margin-bottom: -10px;
    width: 120px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  }
  .bold {
    font-size: 10pt;
  }
  .slide-arrow {
    font-family: 'Studio6';
    color: black;
  position: absolute;
  display: flex;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 2rem;
  border: none;
  width: 24px;
  font-size: 14pt;
  padding: 0;
  cursor: pointer;
  background-color: transparent;
  }


#slide-arrow-prev {
  left: 0;
  padding-left: 10px;
}

#slide-arrow-next {
  right: 0;
  padding-right: 0px;
}
}

@media screen and (max-width: 960px) and (min-width: 400px) {
  .content {
    font-size: 16pt;
    padding: 48pt;
  }
  .img {
    padding-top: -40px;
    padding-bottom: 16px;
    width: 120px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  }  
  .img2 {
    padding-top: -40px;
    margin-bottom: -10px;
    width: 120px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  }
  .bold {
    font-size: 10pt;
  }
  .slide-arrow {
    font-family: 'Studio6';
  position: absolute;
  display: flex;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 2rem;
  border: none;
  width: 32px;
  font-size: 14pt;
  padding: 0;
  cursor: pointer;
  background-color: transparent;
  }


#slide-arrow-prev {
  left: 0;
  padding-left: 16px;
}

#slide-arrow-next {
  right: 0;
  padding-right: 0px;
}
}

.slider-wrapper {
  margin: 0rem;
  position: relative;
  overflow: hidden;
  padding-bottom: 0rem;
}

.slides-container {
  width: 100%;
  height: 100%;
  display: flex;
  overflow: scroll;
}



.slide {
  width: 100%;
  height: 100%;
  flex: 1 0 100%;
}

.slide:nth-child(1) {
}

.slide:nth-child(2) {
}

.slide:nth-child(3) {
}

.slide:nth-child(4) {
}

.slides-container {
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none;  /* Internet Explorer 10+ */
}
/* WebKit */
.slides-container::-webkit-scrollbar { 
    width: 0;
    height: 0;
}