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

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

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

.style8 .btn { display: block; color: #000; }
.style8 .btn a { -webkit-transition: color 0.3s 0.1s ease-out;
	transition: color 0.3s 0.1s ease-out; }
.style8 .btn:hover, .style8 .btn:hover a { color: #fff; }