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

@media screen and (max-width: 827px) {
  .banner {
	--image: url("https://www.friendsforpets.co.uk/dog-walking/cotswolds/images/banner-400.webp");
  }
}

@media screen and (min-width: 828px) {
  .banner {
    --image: url("https://www.friendsforpets.co.uk/dog-walking/cotswolds/images/banner.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: 3em;
  color: #fff;
  text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black;
  line-height: 1.1em;
}

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

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

.style10 .responsive-table .col-1 {
  flex-basis: 50%;
}
.style10 .responsive-table .col-2 {
  flex-basis: 50%;
}

.style10 .responsive-table li {
  padding: 15px 30px;
  margin-bottom: 10px;
}