/************** Header *************************/
#Header {border-top:10px solid #386641;}
/********** Main Banner **************************************************************************************************/
.MainBanner .carousel-caption{ right:0; bottom:50%; transform:translateY(50%); left:0;} 
.MainBanner .carousel-caption h1 { font-size:40px; line-height:50px; font-weight:800;}
.MainBanner .carousel-caption p { font-size:20px; line-height:30px; font-weight:700;}
.MainBanner .carousel-caption .cus-wdth {width:35%;}
/*.immg {background: linear-gradient(90deg, rgba(0, 0, 0, 0.00) 36.35%, rgba(25, 67, 19, 0.70) 57.1%), url(../images/banner.jpg) lightgray 50% / cover no-repeat; min-height:800px;}*/
.immg {background: linear-gradient(90deg, rgba(0, 0, 0, 0.00) 36.35%, rgba(25, 67, 19, 0.70) 57.1%), url(https://www.wernmeadowglampingescape.co.uk/wp-content/uploads/2025/06/image00001-2.jpg) lightgray 50% / cover no-repeat; min-height:800px;}

.curved { position:absolute; bottom:0; left:0; width:100%; z-index:2;}
/********** Tab **************************************************************************************************/
.welcome h2 {}
.accommodation { position:relative; z-index:1;}
.accommodation:before { background:#CFE0A8;  width:65%; position:absolute; right:0; top:0; z-index:-1; height:100%; display:block; content:"";}
.meet-animals { position:relative; z-index:1;}
.meet-animals:before { background:#386641;  width:65%; position:absolute; left:0; top:0; z-index:-1; height:100%; display:block; content:"";}
.local { position:relative; z-index:1;}
.local:before { background:#CFE0A8;  width:65%; position:absolute; right:0; top:0; z-index:-1; height:100%; display:block; content:"";}
.testimonials h2 { font-size:60px;}
.testimonials .row {width:80%; margin:auto;}
.ContactBox {
    box-shadow: 10px 5px 30px 10px rgba(206, 206, 206, 0.25);
    padding: 20px;
}
.ContactBox h3{font-size:1.75rem}
.text a{color:#6A984D}
/********** Footer ***************************************************************************************************/
#Footer {background:#194313;}
#Footer ul {column-count:2;}
#Footer li a {color:#fff; line-height:40px;}
#Footer a {color:#fff; }
#Footer a {color:#fff;}
#Footer .phone p { font-size:35px; font-weight:800;}
#Footer .email p { font-size:20px;}
#Footer .add p { font-size:20px;}
#Footer a:hover { color:#000;}
.copyright { border-top:1px solid rgba(255,255,255,0.20);}
.copyright p { font-size:15px!important; color:#fff; letter-spacing:3px;}
/***************************/
/* Large devices (desktops, 992px and up) */
@media (min-width:992px) {
header {top:0px; -webkit-transition:0.5s; -moz-transition:0.5s; -ms-transition:0.5s; transition:0.5s; z-index: 10;}
header  {position:relative !important; }
.shrink {background: #fff !important; position:fixed !important;}
.shrink {box-shadow:0px 5px 12px rgba(0,0,0,.5); z-index:999;}
.navbar-brand img {max-height:97px;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}
.shrink .navbar-brand img {max-height:90px;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}
.navbar-brand{padding:10px 0px !important;}
.shrink .navbar-brand{padding:5px 0px !important;}
}
/* XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) {
.gutter-lg {margin-left:-15px!important;margin-right:-15px!important;}
.gutter-lg div[class^="col"]{padding-left:15px!important;padding-right:15px!important;}
.gutter-lg .row,.gutter-lg .row div{padding:0px!important;margin:0px!important;}
}
@media (min-width: 1920px) {
.container { max-width:1570px!important;}
}
@media (min-width: 1600px) {.container {max-width:1540px;} }
@media (max-width: 1600px){
.navbar-nav>li+li {margin-left:13px;}	
.navbar-brand img {max-height:60px;}
.shrink .navbar-brand img {max-height:60px;}
.navbar .navbar-nav .nav-link {font-size: 14px;}
.MainBanner .carousel-caption .cus-wdth {width: 47%;}
}
@media (min-width: 1199.98px) and (max-width: 1359.98px) {
.navbar-brand img {max-height:70px;}
.navbar .navbar-nav .nav-link {font-size: 14px;}
.MainBanner .carousel-caption .cus-wdth {width: 47%;}
h2, .h2 {font-size: 40px;}
}
/*@include media-breakpoint-between(md, xl) { ... }*/
@media (min-width: 768px) and (max-width: 1199.98px) {
#Header { position:relative !important; background-color:#fff;}
.MainBanner .carousel-caption h1 { font-size:50px; line-height:50px; width:100%;}
.navbar-brand img {max-height:50px;}
.shrink .navbar-brand img {max-height:50px;}
.navbar .navbar-nav .nav-link {font-size:14px;}
.navbar-nav>li+li {margin-left:10px;}
.MainBanner .carousel-caption .cus-wdth {width: 56%;}
h2, .h2 {font-size: 40px;}
h3, .h3 {font-size: 25px;}
}
/*For example the @include media-breakpoint-only(md) { ... } will result in :*/
@media (min-width: 768px) and (max-width: 991.98px) {
#Header { position:relative !important; background-color:#fff;}
.MainBanner .carousel-caption h1 { font-size:50px; line-height:50px; width:100%;}
#Header .container { max-width:100%;}
.navbar-brand img {max-height:50px;}
.shrink .navbar-brand img {max-height:50px;}
.navbar-nav>li+li {margin-left:10px;}
.navbar .navbar-nav .nav-link {font-size:10px;}
.sec-2 {padding: 90px 0!important;}
h2, .h2 {font-size:30px;}
h2 small {font-size: 20px;}
.cus-wdth { width:100% !important;}
.accommodation:before { width:100%; position:absolute;}
.meet-animals:before { width:100%;}
.local:before { width:100%;}
.copyright p { letter-spacing:0;}
h3, .h3 {font-size: 25px;}
.testimonials h2 {font-size: 30px;}
}
@media (min-width: 991.98px) {
}
/* Small devices (landscape phones, 576px and up) */
@media (max-width:767.98px) {
.container{max-width:100%;}
#Header { position:relative !important; background-color:#fff;}
.MainBanner .carousel-caption h1 { font-size:50px; line-height:50px; width:100%;}
.navbar-brand img {max-height:90px;}
.shrink .navbar-brand img {max-height:90px;}
h2, .h2 {font-size:30px;}
h2 small {font-size: 20px;}
.cus-wdth { width:100% !important;}
.MainBanner .carousel-item  img {
    height:450px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}	
.sec-2 {padding: 90px 0!important;}
.accommodation:before { width:100%; position:absolute;}
.meet-animals:before { width:100%;}
.local:before { width:100%;}
.copyright p { letter-spacing:0;}
h3, .h3 {font-size: 25px;}
.testimonials h2 {font-size: 30px;}

}
@media (max-width:768px) {
#Header { position:relative !important; background-color:#fff;}
.MainBanner .carousel-caption h1 { font-size:50px; line-height:50px; width:100%;}
#Header .container { max-width:100%;}
.navbar-brand img {max-height: 40px;}
.navbar-nav>li+li {margin-left:10px;}
.navbar .navbar-nav .nav-link {font-size:10px;}
.accommodation:before { width:100%; position:absolute;}
.meet-animals:before { width:100%;}
.local:before { width:100%;}
.copyright p { letter-spacing:0;}
h3, .h3 {font-size: 25px;}
.testimonials h2 {font-size: 30px;}
}
@media (max-width:575.98px) {
.MainBanner .carousel-item  img {
    height:450px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}		
.navbar-brand img {max-height:40px;}
.MainBanner .carousel-caption h1 { font-size:30px; line-height:30px; width:100%;}
.sec-2 {padding: 90px 0!important;}
h2, .h2 {font-size:30px;}
h2 small {font-size: 20px;}
.accommodation:before { width:100%; position:absolute;}
.meet-animals:before { width:100%;}
.local:before { width:100%;}
.copyright p { letter-spacing:0;}
h3, .h3 {font-size: 25px;}
.testimonials h2 {font-size: 30px;}
}
/* X-Small devices (portrait phones, less than 576px) */
@media (max-width:500px) {
.MainBanner .carousel-item  img {
    height:550px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}
.testimonials h2 {font-size: 30px;}
}