html {
     scroll-behavior: smooth;
}


.card img {
     max-height: 250px;
     margin:auto;
}

#navbarfooter .navbar-text a{
  color: rgba(0, 0, 0, 0.5);
}

#upBtn {
     position: fixed;
     bottom: 70px;
     right: 30px;
     z-index: 99;
}

.parallax {
     height: 500px;
     /*parallax stuff*/
     background-attachment: fixed;
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
}

.parallaxSmall {
     height: 300px;
     /*parallax stuff*/
     background-attachment: fixed;
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
}

#parallaxProduct {
     background-image: url("/website/static/fileadmin/streetlife/img/guitarPar.jpg");
}

#parallaxAbout {
     background-image: url("/website/static/fileadmin/streetlife/img/pianoPar.jpg");
}

#parallaxNews {
     background-image: url("/website/static/fileadmin/streetlife/img/microphonePar2.jpg");
}

#parallaxContact {
     background-image: url("/website/static/fileadmin/streetlife/img/aerialPar1.jpg");
}

#parallaxService {
     background-image: url("/website/static/fileadmin/streetlife/img/servicePar1.jpg");
}

.parallaxHeader {
     font-family: 'Raleway', sans-serif;
     position: relative;
     top: 35%;
     left: 15%;
     width: 60%;
}

#contactReply {
     opacity: 0;
}

.inlineLightGallery {
    width: 100%;

    /* set 60% height*/
    height: 0;
    padding-bottom: 135%;
}

.inlineLightGallery .lg-toolbar .lg-icon {
  float: right;
}

.returnButton {
     position: fixed;
     bottom: 70px;
     right: 75px;
     z-index: 99;
     box-shadow: none;
     outline: 0;
}

.productImageBox {
     position: relative;
     height: 140px;
     background-color: white;
     overflow: hidden;
     display: flex;
}

.productImage {
     max-width: 100%;
     max-height: 90%;
     object-fit: contain;
     margin: auto;
}

.lg-next,
.lg-prev {
  background-color: rgba(255, 255, 255, 0.45);
  border-radius: 2px;
  color: #000000;
  cursor: pointer;
  display: block;
  font-size: 22px;
  margin-top: -10px;
  padding: 8px 10px 9px;
  position: absolute;
  top: 50%;
  z-index: 1084;
  outline: none;
  border: none;
}

.lg-next.disabled,
.lg-prev.disabled {
  opacity: 0 !important;
  cursor: default;
}

.lg-next:hover:not(.disabled),
.lg-prev:hover:not(.disabled) {
  background-color: rgba(255, 255, 255, 0.60);
}



.catCard img{
     /*
     transition: background-color .3s ease-in-out;
     background-color: #f2f2f2;
     */
     transition: transform .2s;
}

.catCard:hover img{
     /*background-color: #fff;*/
     transform: scale(1.06);
}

.catCard:hover .catName{
     color: rgba(0, 0, 0, 0.6);
}


.square {
     width: 100%;
     padding-bottom: 100%;
     position: relative;
}

.slide img{
     position: absolute;
}

.contain {
     width: 100%;
     height: 100%;
     object-fit: contain;
}


/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {


     .productImageBox {
          position: relative;
          height: 260px;
          background-color: white;
          overflow: hidden;
     }


}


/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
     /*
     .deskRectangleMobSquare {
          width: 100%;
          padding-bottom: 75%;
          position: relative;
     }
     */

     .inlineLightGallery {
         padding-bottom: 35%;
     }
}