img{
    max-width: 100%; 
    display: block;
}

.text { font-family:  arial, verdana, helvetica, sans; font-size: 14px; font-weight: normal; color: #ffffff}
.text a:link {  color: #ffffff ; text-decoration: none}
.text a:visited {    color: #ffffff ; text-decoration: none}
.text a:hover {   color: #9C4218 ; text-decoration: none}



.btext { font-family: georgia, times new roman, serif; font-size: 13px; font-weight: normal;  color: #e6daa0}
.btext a:link {  font-weight: normal; color: #e6daa0; text-decoration: none }
.btext a:visited { font-weight: normal; color: #e6daa0; text-decoration: none}
.btext a:hover {  font-weight: normal; color: #ffffff; text-decoration: underline }
.btext {line-height: 180%; }



.nav { font-family: arial, helvetica, sans; font-size: 12px; font-weight: normal; }
.nav a:link {  color: #26557A; text-decoration: none ; display: block; padding: 3px; font-weight: normal;}
.nav a:visited {color: #26557A; text-decoration: none ;  display: block; padding: 3px; font-weight: normal;}
.nav a:hover {  background: #26557A;color: #ffffff; text-decoration: none ;   padding: 3px; font-weight: normal;}


.small { font-family:  arial, verdana, helvetica, sans; font-size: 9px; font-weight: normal; font-weight: normal}
.small a:link {  color: #606060 ; text-decoration: none; font-weight: normal}
.small a:visited {   color: #606060 ; text-decoration: none; font-weight: normal}
.small a:hover {   color: #9C4218 ; text-decoration: none; font-weight: normal}

.redstar {  font-family: arial, verdana, helvetica, sans; font-size: 16px; font-weight: bold; color: #FF0000}

body {background: #80875F;  margin:0}

table#tbnav {border-collapse: collapse; border-bottom-style: solid; border-bottom-width: 1; border-bottom-color:#d3daf1; width:100%}
#Layer1 {
	position:absolute;
	left:1px;
	top:1px;
	width:10px;
	height:2px;
	z-index:1;
	visibility: hidden;
	background-color: #ffff00;
}
  INPUT, TEXTAREA, select {


color: #606060;
font-family: arial, verdana, ms sans serif;
font-size: 8pt;
font-weight: normal;}


td {vertical-align:top}
table#points { text-align: right}

td#creamone {background: #fdfdfe}
td#creamtwo {background: #f8f8f9}
td#creamthree {background: #fafafa}


.hosepipe {
	max-width: 900px;
	margin: auto;
	color: #e6daa0;
	font-family: arial, helvetica, sans;

}
.hosepipe h3{
	line-height: 1.7;
}
main{
	max-width: 900px; 
	margin: auto;

}
main > div{
	padding: 1vw 3vw;
}

.gallery{
    display: grid;
    background-color: var(--background);
}
.gallery{
    border: 8px solid var(--background);
    gap: 8px; 
}

.vimeo-wrapper, .vimeo-wrapper2 {
    width: 100%;
      background-image: url('/images/just-turf.jpg'); 
      background-size: cover; 
    overflow: hidden;
    position: relative; 
  }
  .vimeo-wrapper:after {
      padding-top: 31.25%;
      display: block;
      content: ""; 
  }
  
  .vimeo-wrapper iframe, .vimeo-wrapper2 iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0; 
  }
  
  .vimeo-wrapper2:after {
      padding-top: 56.2%;
      display: block;
      content: ""; 
  }







@media only screen and ( min-width: 640px ) {
    .gallery{
        grid-template-columns: 1fr 1fr 1fr;
		margin-block: 2rem;
    }

	.gallery img{
		object-fit: cover;
    	object-position: center;
		height: 100%; 
	}
}





@media screen and (max-width: 640px) {
	td{
		display: block;
	}
	
}