body {

  background-image: url("../img/backgrounds/tinified/pawfoodwhite-min.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
  position: relative;
}
body:after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  opacity: .7;
  z-index: -1;
 /* make colored layer on background below*/
/*  background:#ECF5FA;
  background: radial-gradient(circle, rgb(255, 255, 255) 0%, rgb(195, 218, 234) 50%); 
  */
}

section{
  width: 100%;
  height: auto;
}

.card{
  height: 100%;
}

.hidden {
  visibility: hidden;
}

.carousel-bigSlider{
  width: 50rem;
}

/* hide caption until needed again */

.carousel-caption {
  display: none !important;
}

.carousel-inner {
  border-radius: 2%;
}

.carousel-caption > :is(h5, p){
  color: black;
}

.boxed-page {
  margin: 0 auto;
  margin-top: 0rem;
  margin-bottom: 2rem;
  box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.11), 0 5px 15px 0 rgba(0, 0, 0, 0.08);
  border-radius: 5px;
}
@media (min-width: 1200px) {
  .boxed-page {
    width: 1024px;
    margin-top: 2rem;
  }

  .boxed-page .container {
    max-width: 1080px;
    padding-left: 30px;
    padding-right: 30px;
  }

}

@media (min-height: 700px) and (min-width: 800px) {
  .carousel-indicators{
  margin-bottom: 4rem;
  }
}

@media (max-height: 550px) {
  .boxed-page {
    margin-top: 0;
    margin-bottom: 0;
  }
}

@media (max-width: 767px) {
 #contentSection1, #contentSection2 , #contentSection3{
   display: none;
 }
  .boxed-page {
    margin-top: 0;
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  .hideOnBig{
    display: none;
  }
}