@font-face {    font-family: 'BebasNeueRegular';    src: url('fonts/BebasNeue-webfont.eot');    src: url('fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),         url('fonts/BebasNeue-webfont.woff') format('woff'),         url('fonts/BebasNeue-webfont.ttf') format('truetype'),         url('fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');    font-weight: normal;    font-style: normal;}.cb-slideshow,.cb-slideshow:after {    position: fixed;    width: 100%;    height: 100%;    top: 0px;    left: 0px;    z-index: 0;}.cb-slideshow li span {    width: 100%;    height: 100%;    position: absolute;    top: 0px;    left: 0px;    color: transparent;    background-size: cover;    background-position: 50% 50%;    background-repeat: none;    opacity: 0;    z-index: 0;	-webkit-backface-visibility: hidden;    -webkit-animation: imageAnimation 36s linear 1 0s;    -moz-animation: imageAnimation 36s linear 1 0s;    -o-animation: imageAnimation 36s linear 1 0s;    -ms-animation: imageAnimation 36s linear 1 0s;    animation: imageAnimation 36s linear 1 0s;}.cb-slideshow li div {     z-index: 1000;    position: absolute;			  font-size: 50px; /* ud */			  bottom: 50px; /* ud */    left: 10px;    width: 95%;    text-align: center;    opacity: 0;    color: #fff;    -webkit-animation: titleAnimation 36s linear 1 0s;    -moz-animation: titleAnimation 36s linear 1 0s;    -o-animation: titleAnimation 36s linear 1 0s;    -ms-animation: titleAnimation 36s linear 1 0s;    animation: titleAnimation 36s linear 1 0s;}.cb-slideshow li div h3 {    font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;    font-size: 64px; /* ud */    padding: 0;	color: #FAFAFA; /* font colour ud */	text-shadow: 2px 2px 2px 2px #2E2E2E;}.cb-slideshow li:nth-child(1) span { background-image: url(../assets/images/homepage/egret-lake.webp) }.cb-slideshow li:nth-child(2) span { background-image: url(../assets/images/homepage/the-ploughman.webp);    -webkit-animation-delay: 6s;    -moz-animation-delay: 6s;    -o-animation-delay: 6s;    -ms-animation-delay: 6s;    animation-delay: 6s;}.cb-slideshow li:nth-child(3) span { background-image: url(../assets/images/homepage/fishing-soldier.webp);    -webkit-animation-delay: 12s;    -moz-animation-delay: 12s;    -o-animation-delay: 12s;    -ms-animation-delay: 12s;    animation-delay: 12s;}.cb-slideshow li:nth-child(4) span { background-image: url(../assets/images/homepage/fishing-soldier.webp);    -webkit-animation-delay: 18s;    -moz-animation-delay: 18s;    -o-animation-delay: 18s;    -ms-animation-delay: 18s;    animation-delay: 18s;}.cb-slideshow li:nth-child(2) div {    -webkit-animation-delay: 6s;    -moz-animation-delay: 6s;    -o-animation-delay: 6s;    -ms-animation-delay: 6s;    animation-delay: 6s;}.cb-slideshow li:nth-child(3) div {    -webkit-animation-delay: 12s;    -moz-animation-delay: 12s;    -o-animation-delay: 12s;    -ms-animation-delay: 12s;    animation-delay: 12s;}.cb-slideshow li:nth-child(4) div {    -webkit-animation-delay: 18s;    -moz-animation-delay: 18s;    -o-animation-delay: 18s;    -ms-animation-delay: 18s;    animation-delay: 18s;}/* Animation for the slideshow images */@-webkit-keyframes imageAnimation { 	0% {	    opacity: 0;	    -webkit-animation-timing-function: ease-in;	}	8% {	    opacity: 1;	    -webkit-transform: scale(1.05);	    -webkit-animation-timing-function: ease-out;	}	17% {	    opacity: 1;	    -webkit-transform: scale(1.1);	}	25% {	    opacity: 0;	    -webkit-transform: scale(1.1);	}	100% { opacity: 0 }}@-moz-keyframes imageAnimation { 	0% {	    opacity: 0;	    -moz-animation-timing-function: ease-in;	}	8% {	    opacity: 1;	    -moz-transform: scale(1.05);	    -moz-animation-timing-function: ease-out;	}	17% {	    opacity: 1;	    -moz-transform: scale(1.1);	}	25% {	    opacity: 0;	    -moz-transform: scale(1.1);	}	100% { opacity: 0 }}@-o-keyframes imageAnimation { 	0% {	    opacity: 0;	    -o-animation-timing-function: ease-in;	}	8% {	    opacity: 1;	    -o-transform: scale(1.05);	    -o-animation-timing-function: ease-out;	}	17% {	    opacity: 1;	    -o-transform: scale(1.1);	}	25% {	    opacity: 0;	    -o-transform: scale(1.1);	}	100% { opacity: 0 }}@-ms-keyframes imageAnimation { 	0% {	    opacity: 0;	    -ms-animation-timing-function: ease-in;	}	8% {	    opacity: 1;	    -ms-transform: scale(1.05);	    -ms-animation-timing-function: ease-out;	}	17% {	    opacity: 1;	    -ms-transform: scale(1.1);	}	25% {	    opacity: 0;	    -ms-transform: scale(1.1);	}	100% { opacity: 0 }}@keyframes imageAnimation { 	0% {	    opacity: 0;	    animation-timing-function: ease-in;	}	8% {	    opacity: 1;	    transform: scale(1.05);	    animation-timing-function: ease-out;	}	17% {	    opacity: 1;	    transform: scale(1.1);	}	25% {	    opacity: 0;	    transform: scale(1.1);	}	100% { opacity: 0 }}/* Animation for the title */@-webkit-keyframes titleAnimation { 	0% {	    opacity: 0;	    -webkit-transform: translateY(35px);	}	8% {	    opacity: 1;	    -webkit-transform: translateY(0px);	}	17% {	    opacity: 1;	    -webkit-transform: scale(1);	}	19% { opacity: 0 }	25% {	    opacity: 0;	    -webkit-transform: scale(1.2);	}	100% { opacity: 0 }}@-moz-keyframes titleAnimation { 	0% {	    opacity: 0;	    -moz-transform: translateY(35px);	}	8% {	    opacity: 1;	    -moz-transform: translateY(0px);	}	17% {	    opacity: 1;	    -moz-transform: scale(1);	}	19% { opacity: 0 }	25% {	    opacity: 0;	    -moz-transform: scale(1.2);	}	100% { opacity: 0 }}@-o-keyframes titleAnimation { 	0% {	    opacity: 0;	    -o-transform: translateY(35px);	}	8% {	    opacity: 1;	    -o-transform: translateY(0px);	}	17% {	    opacity: 1;	    -o-transform: scale(1);	}	19% { opacity: 0 }	25% {	    opacity: 0;	    -o-transform: scale(1.2);	}	100% { opacity: 0 }}@-ms-keyframes titleAnimation { 	0% {	    opacity: 0;	    -ms-transform: translateY(35px);	}	8% {	    opacity: 1;	    -ms-transform: translateY(0px);	}	17% {	    opacity: 1;	    -ms-transform: scale(1);	}	19% { opacity: 0 }	25% {	    opacity: 0;	    -webkit-transform: scale(1.2);	}	100% { opacity: 0 }}@keyframes titleAnimation { 	0% {	    opacity: 0;	    transform: translateY(35px); /* text movement was 200 ud */	}	8% {	    opacity: 1;	    transform: translateY(0px);	}	17% {	    opacity: 1;	    transform: scale(1);	}	19% { opacity: 0 }	25% {	    opacity: 0;	    transform: scale(1.2); /* text size zoom out size was 10 ud */	}	100% { opacity: 0 }}/* Show at least something when animations not supported */.no-cssanimations .cb-slideshow li span{	opacity: 1;}@media screen and (max-width: 1140px) { 	.cb-slideshow li div h3 { font-size: 50px } /* was 100px ud */}@media screen and (max-width: 600px) { 	.cb-slideshow li div h3 { font-size: 28px } /* was 50px ud */}