@charset "UTF-8";
/* CSS Document */

@media screen and (max-width: 827px) {
  .banner {
	--image: url("/images/banner-day-care-400.webp");
  }
}

@media screen and (min-width: 828px) {
  .banner {
    --image: url("/images/banner-day-care.webp");
  }
}

.banner {
  width: auto;
  height: 400px;
  background-position: center;
    text-align: center;
vertical-align: middle;
padding-left: 40px;
padding-right: 40px;
background: var(--image) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.banner h1 {
  font-size: 4em;
  color: #fff;
  text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black;
  line-height: 1.1em;
}

@media screen and (max-width: 768px) and (min-width: 431px) {
	#layerslider .ls-slide-backgrounds img { transform: translateX(-196.5px) !important; }
}
@media screen and (max-width: 430px) {
	#layerslider .ls-slide-backgrounds img { transform: translateX(-304.5px) !important; }
}

.style6 a:nth-of-type(1) .img { background-image: url("/images/Services.webp"); }
.style6 a:nth-of-type(2) .img { background-image: url("/images/Why Choose Us.webp"); }
.style6 a:nth-of-type(3) .img { background-image: url("/images/Reviews.webp"); }
.style6 a:nth-of-type(4) .img { background-image: url("/images/Community.webp"); }

.style9 .polaroid:nth-child(1)
{
	-webkit-transform: rotate(-4deg);  
	-moz-transform: rotate(-4deg); 
	transform: rotate(-4deg); 
}
.style9 .polaroid:nth-child(2)
{
	-webkit-transform: rotate(4deg);  
	-moz-transform: rotate(4deg); 
	transform: rotate(4deg); 
}
.style9 .polaroid:nth-child(3)
{
	-webkit-transform: rotate(-4deg);  
	-moz-transform: rotate(-4deg); 
	transform: rotate(-4deg); 
}
.style9 .polaroid:nth-child(4)
{
	-webkit-transform: rotate(4deg);  
	-moz-transform: rotate(4deg); 
	transform: rotate(4deg); 
}