html {
  background: rgb(255, 255, 255);
}

.background-shadow {
  padding-top: 0px;
  background: #00000088;
}

.item img {
    object-fit: scale-down;
    margin-left: auto;
    margin-right: auto;
}

.title-block {
  display: block;
  margin: 0;
  height: 140px;
  padding-top: 40px;
}
@media (min-width: 768px) { 
  .title-block  {
    display: block;
    margin: 0;
    height: 220px;
    padding-top: 40px;
  }
}

.title-block-img {
  width: 243px;
    height: 100px;
    margin-left: auto;
    margin-right: auto;
    background-image: url("/home/images/logo_243.png");
}
@media (min-width: 768px) { 
  .title-block-img  {
    width: 486px;
    height: 200px;  
    margin-left: auto;
    margin-right: auto;
    background-image: url("/home/images/logo_486.png"); 
  }
}

#showcase {
  max-width: 360px;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 768px) { 
  #showcase {
    max-width: 1244px;
    margin-left: auto;
    margin-right: auto;
  }
}

.featurette-container {
  max-width: 360px;
  padding: 16px;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 768px) { 
  .featurette-container {
    max-width: 1244px;
    margin-left: auto;
    margin-right: auto;
  }
}

.featurette-image {
  width: 320px;
}
@media (min-width: 768px) { 
  .featurette-image {
    width: 500px;
  }
}

.featurette-divider {
  margin: 48px;
}

.pre-space {
  margin-left: 8px;
}

.separating-space {
  display: block;
  height: 24px;
}