body, html {
  height: 100%;
  color: black;
  scroll-behavior: smooth; 
  font-family: 'Calibri', sans-serif;
}

.desktop {
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; 
  background-image: url('desktop.jpg');
  min-height: 100%;
}

.mobile {
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; 
  background-image: url('mobile.jpg');
  min-height: 100%;
}

.imSpan {
  background-color: black;
  padding: 10px;
  opacity: 0.75;
  margin-bottom: 5px;
  font-size: 50px;
  color: white;
  text-align: center;
}

.imBigger {
  font-size: 70px;
}

.imSpanMobile {
  background-color: black;
  padding: 10px;
  opacity: 0.75;
  margin-bottom: 5px;
  font-size: 20px;
  color: white;
  text-align: center;
}

@media only screen and (max-device-width: auto) {
  .slide1 {
    background-attachment: scroll;
    min-height: 100%;
  }
}

.imCookieCard {
  height: 100%;
  width: 100%;
  background-color: black;
}