@font-face {
  font-family: 'Pally-Variable';
  src: url('../fonts/Pally-Variable.woff2') format('woff2'),
       url('../fonts/Pally-Variable.woff') format('woff'),
       url('../fonts/Pally-Variable.ttf') format('truetype');
       font-weight: 400 700;
       font-display: swap;
       font-style: normal;
}


@font-face {
  font-family: 'Pally-Regular';
  src: url('../fonts/Pally-Regular.woff2') format('woff2'),
       url('../fonts/Pally-Regular.woff') format('woff'),
       url('../fonts/Pally-Regular.ttf') format('truetype');
       font-weight: 400;
       font-display: swap;
       font-style: normal;
}


@font-face {
  font-family: 'Pally-Medium';
  src: url('../fonts/Pally-Medium.woff2') format('woff2'),
       url('../fonts/Pally-Medium.woff') format('woff'),
       url('../fonts/Pally-Medium.ttf') format('truetype');
       font-weight: 500;
       font-display: swap;
       font-style: normal;
}


@font-face {
  font-family: 'Pally-Bold';
  src: url('../fonts/Pally-Bold.woff2') format('woff2'),
       url('../fonts/Pally-Bold.woff') format('woff'),
       url('../fonts/Pally-Bold.ttf') format('truetype');
       font-weight: 700;
       font-display: swap;
       font-style: normal;
}

html {
	overflow-x: hidden;
}

body.dark .content {
	background:#222;
}

body.dark, body.dark p, body.dark h1, body.dark h2, body.dark h3, body.dark h4, body.dark h5 {
	color:#eee;
}

img {
	max-width: 100%;
	height:auto;
}

ul li { 
list-style:none;
}

.content li {
  text-align: left;
}
.container { 
	width:100%;
	max-width:80em;
}

#wrapper { 
	background-image:url("../img/wellington-monument.webp");
	background-repeat: no-repeat;
  	background-position: left top;
  	background-attachment: fixed;
  	background-size: cover;
	min-height: 100vh;
 }

 .content {
 	margin-top:50px;
 	/*background:rgba(255,255,255,0.8);*/
 	background:#fff;
 	text-align: center;
 	padding:20px;
 	border-radius:20px;
 	-moz-border-radius:20px;
 	-webkit-border-radius:20px;
 	overflow: hidden;
 	box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
 	-moz-box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
 	-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);


}

 .logo {
 	max-width: 480px;
 	text-align: center;
 	margin:auto;
 	position:relative;
 	padding-top:20px;
 }
 .logo img {
 	position: relative;
 	z-index: 2;
 }
 .title-h {
 	display:none;
 }
 .paws {
 	position: absolute;
 	z-index: 1;
 	right:-110px;
 	top:-10px;
 	opacity:0.1;
 }
 .paws2 {
 	right: auto;
  left: 0;
  top: 50px;
  transform: rotate(60deg);
 }
  span.paw {
  	content:" ";
  	background:url("../img/paw2.png");
  	background-size: contain;
  	background-repeat: no-repeat;
  	position:absolute;
  	height:50px;
  	width:50px;
  }
   span.paw.paw1 {
   	right: 10px;
  	top: -5px;
  	transform: rotate(-20deg);
   }
 span.paw.paw2 {
 	left: -20px;
  	top: 35px;
  	transform: rotate(-10deg);
   }
span.paw.paw3 {
	right: 20px;
  	top: 60px;
    }
 span.paw.paw4 {
 	right: 55px;
  	top: 20px;
    }

 h1,h2,h3,h4,h5 {
 	font-family: 'Pally-Medium';
 }
a {
	font-weight: bold;
	text-decoration: underline;
	color:#668969;
}
 body, p, li, ul { 
 	/*font-family: 'Comic Sans MS', cursive, sans-serif;*/
 	font-family: 'Pally-Regular';
 }
 p, li { 
 	font-size:1.3em;
  }

h2.tagline {
	font-size:1.6em;
}
 p.contact {
 	margin-top:0;
 }

 p.contact span { 
 	margin-right:20px;
  }

.gallery-img {
	max-height: 210px;
	display: flex;
    justify-content: center;
    align-items: center;
	border: 10px solid #fff;
  	border-radius: 8px;
  	-moz-border-radius: 8px;
  	-webkit-border-radius: 8px;
  	box-shadow: 0 3px 10px 0px rgba(0,0,0,0.2);
  	-moz-box-shadow: 0 3px 10px 0px rgba(0,0,0,0.2);
  	-webkit-box-shadow: 0 3px 10px 0px rgba(0,0,0,0.2);
  	overflow: hidden;
  	margin-bottom:20px;
}

.gallery-img-single {
  max-height: 100%;
}

.walk-date {
  text-decoration: underline;
  font-weight:bold;
  font-style:italic;
}

.footer {
  border-top:1px solid #ddd;
}

@media print, screen and (max-width: 44em) {
	
}