body, html{
	font-family:Poppins, sans-serif;
    font-weight:300;
    margin:0;
    color:#000000;
    font-size:14px;
    background-color:#2a0a5b;
    width: 100%;
    height: auto;
    overflow-x: hidden;
}

.facebook{ display:block; float:left; width:100%; text-align:center; margin:-50px auto 10px auto; }

div, section{float:left; display:block;}

video{border:0; background:#dddddd;}

img{max-width:100%;}

p{
	color:#000000;
	font-size:14px;
}

a{
	text-decoration: none;
		color:#000000;
}

h1{
	font-size:36px;
	color:#666666;

}

h3 {
    font-size: 18px;
    font-weight: normal;
    margin-top: 0;
    color: #fff;
}

.svg{height:50px; width:auto;}


.leftlink{display: block;  margin-top: 20px; text-align: center; font-family:'Poppins', Lato, sana-serif; color:#e2126f; font-size:48px; width: 80%; text-transform:uppercase; margin-left: 10%; font-weight:900; font-style:italic;}

h2{ color:#FFF;
font-size:26px;
display:block;
width:100%;
text-align:center;
font-family:'Poppins', sans-serif; font-weight:600;}

h2.blue{
    color:#27bfcd !important;
}

.left ul {
 list-style: none;
    text-align: left;
    display: inline-block;
    float: none;
}

.left ul li::before {
  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #e2126f; 
  font-weight: bold; 
  display: inline-block; 
  width: 1em; 
  margin-left: -1em; 
  font-size:24px;
}

.content.thingstodo{width: 90%; margin: 0 5%;}

.thingstodo ul{ text-align:center; 
    margin-block-start: 0;
    padding-inline-start: 0;}

.thingstodo ul li{
        display: inline-block;
    float: none;
    list-style: none;
    width: auto;
    margin: 0 10px;
    font-weight: 500;
}

.thingstodo ul li:nth-of-type(odd){ color:#ff006c; }
.thingstodo ul li:nth-of-type(even){ color:#fff; }


a:hover{cursor:pointer;}

.blue{color:#225b9a;}

.lblue{color:#849fc8;}

.red{color:#e0682c;}

.yellow{color:#f4c633;}

.carparking{display:block; position:absolute; top:20vh; left:5%; width:120px; height:100px; background-image:url(img/car-parking.png);background-size:contain; background-repeat:no-repeat;}
.entryfee{display:block; position:absolute; top:20vh; right:5%; width:120px; height:100px; background-image:url(img/entrance-fee.png);background-size:contain; background-repeat:no-repeat;}


.header{
    width: 100%;
    background: transparent;
    margin: 0;
    display: block;
    float:left;
    height:100px;
    position: relative;
    z-index:100;
}

.header .inner{width:98%;
margin:0 auto;
display:block;
max-width:98%;}

.social{ display:inline-block;
float:left;
margin:10px 0 0 15px; }

#logo {
    width: 100%;
    float: left;
    display: block;
    margin: 0 auto;
    position: relative;
    z-index: 10;
    text-align: center;
}
#logo img{ width:45%; }

.links{
       float: right;
    font-size: 12px;
    color: #ed145c;
    padding-right: 0;
    position: relative;
    display: inline-block;
    margin-top: 0;
}

.links ul li{
	display:inline;
	padding:0 10px;
    font-size:14px;
	color:#000000;
}


.links li a{
color: #fff;
    text-decoration: none;
    padding: 0 5px;
    letter-spacing: 1px;
    transition: all ease 0.8s;
    font-size: 11px;
    font-weight:400;
}

.links li a:hover{
		transition:all ease 0.6s;
    color:#0e3b6c;

}

.bannerwrap{width:100%;  background-position: top; position:relative; z-index:1; }

.booking .ctas{z-index:3; position:relative;
}
    
    .form{width: 100%; text-align: center;}

.banner{
	width:100%;
    color:#ffffff;
    text-align:center;
    padding:30px 0;
    position:relative;
    margin-top:-5px;
    z-index:999999;
    background-color: #e2126f;
}

.banner .sub {
    width: 100%;
    display: inline-block;
    position: relative;
    left: 0;
    top: 0;
}

.bannerleft{  display:inline-block; width:20%; height:auto; box-sizing:border-box; text-align:center; font-size:30px; font-weight:bold; color:#000; float:left;}

.bannerright{ display:inline-block; width:20%; height:auto; box-sizing:border-box; text-align:center; font-size:30px; font-weight:bold; color:#fff; float:right;}

.bannerleft img, .bannerright img{max-width:200px;}


.sub {
    font-size: 24px;
    font-family: poppins;
    font-weight: 400;
    text-transform: uppercase;
    display: block;
}
.big{ font-size:50px; font-family:'Poppins', Roboto Condensed, Lato, sana-serif;font-weight:700; text-transform:uppercase; display:block; line-height:65px; font-weight:900; font-style:italic; }

.blue{background-color:#e2126f;}

.redbanner{ background: linear-gradient(90deg, rgba(255,199,0,1) 0%, rgba(242,10,22,1) 100%);
}

.curve{ height:300px; border-top-left-radius:20% 50%; border-top-right-radius:20% 50%; width:100%; margin-top: -300px;  position: relative;  z-index: 9999;  background-color: #fff;display:none;}


.index{text-align:center; width:100%; position:relative; margin-top:-150px; z-index:1;}

.index h1 {
    margin-bottom: 0;
    text-shadow: 0 0 3px #000;
    padding-bottom: 0px;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 42px;
    color: #fff;
    display: block;
    float: left;
    text-align: center;
    width: 100%;
}

.hero{width:100%; float:left; text-align:center;}
.hero img{ width:100%; max-width:1024px; }

.nav{ float: left; display: block; margin-bottom: 20px; background-color:#225b9a; width:100%; padding:5px 0; color:#ffffff; text-align:Center; text-transform:uppercase; font-size:16px; font-weight:normal;}

.contacttop{display:inline-block; float:right; width:auto; margin-top:20px;}

.contacttop img{display:inline-block; float:left; height:80px;}

.sponsors {
    width: 100%;
    text-align: center;
    margin: 15px auto;
    position: relative;
    z-index: 3;
    margin-bottom: 0;
    background-color: #fff;
}
.sponsors span{display:block; margin:20px 0;}

.sponsor {
    height: auto;
    margin: 15px 1%;
    width: 14%;
    vertical-align: middle;
}

img.sponsor{ max-width:110px; }
.purple{ background-color:#ac29b5; padding:10px 20px; border-radius:30px; margin-left:15px; display:inline-block;  }

.links ul a.purple li { color: #fff;  font-size: 12px; font-weight: bold; }

#menu .purple li{ color:#fff; }

.justgiving{ display:block; width:100%; float:left; text-align:center; margin:40px auto; font-size:21px; box-sizing:border-box; padding:0 20%; }

.lineup ul li {
    display: inline-block;
    float: none;
    list-style: none;
    width: auto;
    margin: 0 10px;
    font-weight: 700;
    FONT-SIZE: 32PX;
}

.content{
    display: inline-block;
    width: 100%;
    margin-top: -5px;
    height: auto;
    position: relative;
    float: left;
    background: transparent;
    margin-bottom:50px;
}

.findus{margin-top:40px;}

.findustext{display:block; float:left; width:80%; margin-left:10%; margin-top:40px; margin-bottom:40px; margin-right:10%; font-size:21px; color:#000; font-family: 'Roboto Condensed', Lato, sana-serif;
    font-weight: 400; position:relative; z-index: 9999;}

.findustext a{color:#e2126f !important; font-size:26px !important;}

img.map{max-width:900px;}


.content .left{width:50%; box-sizing:border-box; padding:30px; text-align: center;}

.content .right{width:50%; box-sizing:border-box; padding:30px;}

.content .inner{
width:80%;
margin:30px auto;
display:block;
max-width:1000px;
clear:both;
float:none;
}

.gallery{ margin-top:30px; position:relative; z-index:4; }

.galleryimages{width: 100%;  margin-top: 20px; margin-bottom:50px; text-align: center; display:flex; flex-wrap:wrap;}

.galleryimages .item {
    display: block;
    height: auto;
    border-radius: 0px;
    padding: 2px;
    box-sizing: border-box;
    width: auto;
}

.grey{background-color:#eeeeee;}

.content .inner .left{width:45%; float:left; display:inline-block; text-align:left; color:#000000; margin:20px 0 60px 0; line-height:1.6;}
.content .inner .right{width:45%; float:right; display:inline-block; text-align:left; color:#000000; margin:20px 0 60px 0; line-height:1.6;}
.content .inner .full{ width:100%; float:left; display:block; color:#225b9a; font-size: 18px; font-weight:bold; }

.sixty { width: 60%; float: left; display: block; background-color: #fff; box-sizing: border-box; padding-right: 10px; }
.back{display:block; width:100%; clear:both; margin:10px 0; color:#000000;}

ul.services{columns:4; list-style: none; padding-inline-start:0; margin-top:-10px; margin-bottom:80px;}

ul.reviews{columns:1; list-style: none; padding-inline-start:0; margin-top:30px; margin-bottom:80px; font-weight:normal; width:60%; background-color:#fff;}

ul.reviews li i{color:#000; font-size:14px; margin-bottom:40px; font-weight:bold; margin-top:10px; display:block;}


ul li{  margin-bottom: 10px; font-weight: bold; color: #000;}

.reviewbg{background-image:url('img/review-bg.jpg'); background-position:right; background-repeat:no-repeat !important; }

.historybg{background-image:url('img/history-bg.png'); background-position:top; background-repeat:no-repeat !important; }
.historybg .left {font-size: 32px;font-weight: bold;color: #ad00fd;width: 40%;padding-left: 40px;text-align: right;}
.historybg .right {font-size: 16px;color: #fff; text-shadow: 0px 0px 5px #000;}
.historybg h1 {font-size: 36px;color: #fff;display: block;width: 100%;text-align: center;}

.historybg .row{ display:block; width:100%; float:left; margin-bottom:20px; }
/* push down content below large header logo */

.whatson{ margin-top:0; }

.whatson h1 {
    margin-top: 0px;}

.ctas{
	width:90%;
    margin-left:5%;
	display:flex;
	float:left;
    margin-top:20px;
flex-wrap:wrap;
    columns:3;
}

.ctas p{display:block; position:absolute; top:100; height:auto;}

.cta{background-color:#ff006c;
overflow:hidden;
background-size: cover;
background-repeat:no-repeat;
margin:1%;
display:block;
width:31%;
 position:relative;
    z-index:1;
    opacity:1;}

.cta .heading{ color:#fff; font-size:16px; font-weight:bold; text-align: center; width:100%; padding:10px 0; display:block; position:absolute; bottom:0; background-color:#ff006c;}

.cta1{

    background-image:url('img/cta1.jpg');
    height:300px;
    background-position:top;
}



.cta2{

 background-image:url('img/cta2.jpg');
     height:300px;
     background-position:top;
       }

.cta3{

 background-image:url('img/cta3.jpg');  
     height:300px;
     background-position:top;
   }

.cta4{

 background-image:url('img/cta4.png');  
     height:300px;
     background-position:top;
   }

   .cta5{
 background-image:url('img/cta5.png');  
     height:300px;
     background-position:top;
   }

   .cta6{
  
 background-image:url('img/cta6.png');  
     height:300px;
     background-position:top;
   }

   .pitch{
    width:40%;
    float:left;
    display:inline-block;
     position:relative;
    z-index:1;
    opacity:1;
    text-align:center;
    font-weight:normal;
 background-image:url('img/pitch.jpg');  
     height:300px;
     background-position:top;
     margin:0 5%;
   }

   .cars{
    width:40%;
     margin:0 5%;
    float:left;
    display:inline-block;
     position:relative;
    z-index:1;
    opacity:1;
    text-align:center;
    font-weight:normal;
 background-image:url('img/cars.jpg');  
     height:300px;
     background-position:top;
   }

   .pitch:hover, .cars:hover{transition:ease all 0.3s; border-radius:20px;}

   .pitch:hover > .heading:after, .cars:hover > .heading:after{content:"Book now"; display:block; width:100%; margin-top:20px; transition:ease all 0.3s;}


.whatson img {
    max-width: 33.3333%;
    display: block;
    height: auto;
    text-align: center;
    display: block;
    margin: 0 Auto;
}

.fb{display:block; float:none; height:50px; vertical-align:middle;}

.fb .text {
    display: inline-block;
    vertical-align: text-bottom;
    color: #000000;
    font-weight: bold;
    line-height:55px;
}

.fb:hover{opacity: 0.6;}

.cta img{margin-bottom:10px;}

.whatson .heading {
    position: relative;
    background-color: none;
    color: #ff0061;
    padding: 20px 0 10px 0;
    font-family: 'Poppins', Roboto Condensed, Lato, sana-serif;
    font-size: 30px;
    font-weight: 900;
    font-style: italic;
    line-height:30px;
    display:block;
}

.whatson .cta1, .whatson .cta2, .whatson .cta3, .whatson .cta4, .whatson .cta5, .whatson .cta6, .whatson .cta7, .whatson .cta8, .whatson .cta9, .whatson .cta10{
    background: none;
    background-color: #fff;
    box-shadow: 0px 0px 6px #aaa;
    border-radius: 0px;
    box-sizing: border-box;
    padding: 10px;
    box-sizing:border-box;
    min-height:320px;
    height:auto;
width:48%;
margin:1%;
padding:20px;}

.whatson p{
    padding:0 10px;
    box-sizing:border-box;
    position:relative;
    font-size: 14px;
    width: 80%;
    margin: 15px auto;}



    .forminfo{
        display:inline-block;
        width:100%;
        background:#ed145c;
        text-align:center;
        padding:25px 15px;
        border-radius:15px;
        color:#ffffff;
    }

    select#product, select#delivery, textarea {    width: 100% !important;
    padding: 20px 10px !important;
    border: 1px solid #ccc !important;
    color: #666 !important;
    text-transform: uppercase !important;
} 

.box{float:none;
    margin:auto;
    display:block;
    width:45%;
    padding:2%;
    text-align:center;
}

.break{display:block; float:left; width:100%; margin:30px 0;}

.productimage{width:50%; float:left;}

.producttext{ width: 50%;
    float: right;
    text-align: left;
    padding: 0 10%;
    box-sizing: border-box; 
line-height:24px;}

.outline{display:block; margin:auto; border:2px solid pink; border-radius:10px; width:70%; padding:30px;}

.leftbox{float:left; display:inline-block; height:500px;}
.rightbox{float:right; display:inline-block; height:500px;}

.main{
    display: block;
    width: 100%;
    float: left;
    margin: 50px 0;
}

.main .left{width:45%; padding:0 5% 0 0; float:left; color:#000000;}

.main .right{width:45%; padding:0 0 0 5%; float:left; text-align:right; color:#000000;}


.title{font-size:24px; font-weight:bold; display:block; margin:30px 0 10px 0; color:#e2126f;}


.biggest{font-size:48px; font-weight:bold; text-transform:uppercase; display:block; margin-bottom:10px;}

.center{text-align:center;}
.contactpage .box, .contactpage h1{ color:#fff; }

.contactpage { background-image:url(img/stall.png); background-repeat:no-repeat; background-size:70%; background-position:bottom; }

.footerbottom{
    display: inline-block;
    width: 100%;
    background: #fff;
    padding: 20px 0;
    color: #000;
    float: left;
    font-size:12px;
    font-weight:normal;
    text-transform: none;
letter-spacing:1px;
line-height:2;
text-align:center;
font-size:10px;}

.footer {
    width: 100%;
    float: left;
    display: inline-block;
    padding: 30px 0;
    height: auto;
    background-color: transparent;
    color: #000000;
    font-size: 16px;
    text-align: center;
    position: relative;
    z-index: 1000;
}

.footer p{color:#000000; line-height: 50px; display:inline-block; }

.footer img { max-width: 700px; width: 90%; }

.footer .text{    background-color: #d72027; color:#fff; border:2px solid #f9f5a2;  border-radius: 20px; padding: 10px 30px 30px 30px; width: auto; max-width: 400px; margin: auto; float:none;}


.contact{
	float:left;
	display:inline-block;
	padding-left:30px;
	font-size:18px;
	line-height:2em;
}

.social img{
	max-height:40px;
}

.social img:hover{
	opacity:0.4;
}


<!-- CONTACT FORM CODE -->

* {
	margin:0;
	padding:0;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	-moz-font-smoothing:antialiased;
	-o-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}

.container {
	max-width:600px;
	width:100%;
	margin:3em auto;
	position:relative;
    float:none;
}

.button{padding:10px 25px; background-color:#ed145c; border-radius:10px; color:#ffffff; font-size:18px; text-align:center; display: inline-block;
    margin-top: 50px;}

    .button:hover{background-color:#000000; transition:ease all 0.3s;}

#contact input[type="text"], #contact input[type="email"], #contact input[type="tel"], #contact textarea, #contact button[type="submit"] { font:400 12px/16px "Open Sans", Helvetica, Arial, sans-serif; }

#contact {
	padding:25px;
	margin:50px 0;
}

input[type="submit"] {
    padding: 20px 35px;
    background: #000000;
    color: #fff;
    text-transform: uppercase;
    transition: all 0.5s ease;
    border-radius: 30px;
    border: 2px solid #fff;
    font-size: 18px;
}

input[type="submit"]:hover {
    background: #ccc;
    color: #000;
    text-transform: uppercase;
    transition:all 0.5s ease;
    cursor:pointer;
}


fieldset {
	border: medium none !important;
	margin: 20px 0 ;
	min-width: 100%;
	padding: 0;
	width: 100%;
}

input[type="text"], #contact input[type="email"], #contact input[type="tel"], #contact input[type="url"], #contact textarea {
	width:100%;
	border:1px solid #CCC;
	background:#FFF;
	margin:0 0 5px;
	padding:20px 10px;
}

#contact input[type="text"]:hover, #contact input[type="email"]:hover, #contact input[type="tel"]:hover, #contact input[type="url"]:hover, #contact textarea:hover {
	-webkit-transition:border-color 0.3s ease-in-out;
	-moz-transition:border-color 0.3s ease-in-out;
	transition:border-color 0.3s ease-in-out;
	border:1px solid #AAA;
}

#contact textarea {
	height:100px;
	max-width:100%;
  resize:none;
}

#contact button[type="submit"] {
    cursor: pointer;
    width: 100%;
    border: none;
    background: #a12f21;
    color: #FFF;
    margin: 0 0 5px;
    padding: 30px 10px;
    font-size: 15px;
}

#contact button[type="submit"]:hover {
	background:#000;
	-webkit-transition:background 0.3s ease-in-out;
	-moz-transition:background 0.3s ease-in-out;
	transition:background-color 0.3s ease-in-out;
}

#contact button[type="submit"]:active { box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.5); }

#contact input:focus, #contact textarea:focus {
	outline:0;
	border:1px solid #999;
}
::-webkit-input-placeholder {
 color:#888;
}
:-moz-placeholder {
 color:#888;
}
::-moz-placeholder {
 color:#888;
}
:-ms-input-placeholder {
 color:#888;
}

.product {display:inline-block; width:48%; margin:1%; float:left;}

.product img{width:100%;}

.product .title{ color:#000000; text-transform:uppercase; text-align:center; display:block; margin:10px auto 20px auto;}

.gas{display:inline-block;}
.gasmob{display:none;}

.reviews li {    padding: 20px 20px 0 20px;
    box-sizing: border-box !important;
font-weight:normal;}

    .center{display: block;
    width: 100%;
    text-align: center;
    margin: 0 0 60px 0;
    float: left;}


#menuToggle{ display:none; }

.traderpage .traderbtn{ display:none; }

@media screen and (max-width: 1200px){


  .links{ display:none; }

.purple{ padding:10px 20px 2px 20px; }


.reviewbg, .historybg {
    background-position: 80% 20%;
    background-repeat: no-repeat !important;
}

   /* NEW EXPANDING MENU */

nav { display: block; width: 0; float: right; }

nav a {  text-decoration: none; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; }
 
#menuToggle { display: block; position: absolute; top: 20px; right: 20px; z-index: 100; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;  user-select: none; }

#menuToggle input{ display: block; width: 40px; height: 32px; position: absolute; top: -7px; left: -5px; cursor: pointer; opacity: 0;  z-index: 2; -webkit-touch-callout: none;}

#menuToggle span{  display: block;  width: 33px;  height: 4px; margin-bottom: 5px;  position: relative;  background: #ffffff;  border-radius: 3px;  z-index: 1; -webkit-transform-origin: 4px 0px; transform-origin: 4px 0px; 
  -webkit-transition: background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              opacity 0.55s ease,
              -webkit-transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
  
  transition: background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              opacity 0.55s ease,
              -webkit-transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
  
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              opacity 0.55s ease;
  
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              opacity 0.55s ease,
              -webkit-transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
}

#menuToggle:hover span{  background:#cccccc;  transition:all ease 0.3s;}

#menuToggle span:first-child{  -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%;}

#menuToggle span:nth-last-child(2){  -webkit-transform-origin: 0% 100%; transform-origin: 0% 100%;}
#menuToggle input:checked ~ span{  opacity: 1;  -webkit-transform: rotate(45deg) translate(-2px, -1px); transform: rotate(45deg) translate(-2px, -1px);  background: #000000;}

#menuToggle input:checked ~ span:nth-last-child(3){  opacity: 0; -webkit-transform: rotate(0deg) scale(0.2, 0.2); transform: rotate(0deg) scale(0.2, 0.2);}

#menuToggle input:checked ~ span:nth-last-child(2){  -webkit-transform: rotate(-45deg) translate(0, -1px); transform: rotate(-45deg) translate(0, -1px);}

#menu{ position: absolute; margin: -50px 0 0 -50px;  padding: 100px 40px 30px 0; margin-right: -66px; background:#ffffff; list-style-type: none; -webkit-font-smoothing: antialiased;
  z-index:0;  width:100vw; height: auto; float: right; top: 10px; right: 0px; text-align: right; display: block; box-shadow:10px 10px 10px #666;
  
  -webkit-transform-origin: 0% 0%;
  
          transform-origin: 0% 0%;
  -webkit-transform: translate(-300%, 0);
          transform: translate(-300%, 0);
  
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);  transition: -webkit-transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0), -webkit-transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
}

    #menu li {
        padding: 1em 0;
        font-size: 1.8em;
        text-transform: uppercase;
        color: #000000;
        font-weight: bold;
        width: 90%;
        float: left;
    }
#menu li:hover {transition: ease all 0.2s; padding-right:20px;}


#menuToggle input:checked ~ ul{ -webkit-transform: none; transform: none;}

#hamburger{  position: absolute; top: 20px; right: 20px; display: block; transition:all ease 0.2s;}

.line{  border-bottom: 5px solid #ff5f04; width: 30px; margin-bottom: 8px; display: block; transition:all ease 0.2s; }

#hamburger:hover .line{ border-bottom: 12px solid #ff5f04; display: block; margin-bottom:0; transition:all ease 0.2s;}

#menu .link { width: auto; height: 34px; margin: auto; position: absolute; border-radius: 1em; background: #fff; color: #ffffff; float: right; right: 50px; top: -28px; text-align: right; padding: 30px 0px 0 20px; display: block; transition:all ease 0.5s;
}

#menu .link a { color: #000000; text-decoration: none; letter-spacing: 1px; display: inline-block; padding:0 0 0 15px; }

#menu .link a:hover{ color:#cccccc; padding-bottom:2px; cursor:pointer; transition:all ease 0.5s;    }

/* END EXPANDING MENU */

}



@media screen and (max-width: 900px){

    .sponsor {
    height: auto;
    margin: 10px auto;
    width: 10%;
    vertical-align: middle;
}

.sponsors {
    width: 100%;
    text-align: center;
    margin: 40px auto 15px auto;
    position: relative;
    z-index: 3;
    margin-bottom: 0;
    background-color: #fff;
    justify-content: space-around;
        display: flex;
}

  .footerbottom .left, .footerbottom .right{ display:block; width:100%; float:left; text-align:center; padding:10px;  }

  .footerbottom .middle{margin:0 auto; display:block; width:100%;}


  .sixty { width: 80%; margin-left:10%;}


    .thingstodo .right {
    width: 80%;
    box-sizing: border-box;
    padding: 30px;
    margin-left: 10%;
}

  .thingstodo .left {
    width: 100%;
    box-sizing: border-box;
    padding-top: 0;
    margin-left: 0;
}

    .banner .sub {
    width: 100%;
    display: inline-block;
    position: relative;
    float: left;
        position:relative;
    left:0 !important;
    top:0 !important;
}

.bannerleft {
    display: block;
    width: 100%;
    height: auto;
    float: left;

}

.bannerright{display:none;}

    ul.services{columns:3; margin-top:20px;}


   .phone{ display: inline-block;
    float: left;
    width: auto;
    margin: 0 10px;
    font-weight: bold;
    font-size: 19px;
    line-height: 25px;
    padding-top: 4px;}

    .header{height:100px;}

    .content .inner .left{width:100%; margin-bottom:10px;}
.content .inner .right{width:100%;margin-bottom:60px }

    form{width:80%; margin-left:10%;}

.links ul{
    color: #ec4696;
    text-align: center;
    list-style-type: none;
    padding-inline-start:0;
}
.links ul li {
    display: inline-block;
    text-align: center;
    margin: auto;
    padding:7px 3px;
}


    .col61, .col62, .col63{
        width:80%;
        float:left;
        margin:5%;
    }

    .col6{

    width: 90%;
    margin: 5%;
}


.phoneimg{display:none !important;}

.gas{display:none !important;}
.gasmob{display:block; width:100%; margin:20px auto 0 auto; text-align:center;}
.gasmob img{height:100px !important; width:auto;}

.links{
    float: none;
    font-size: 12px;
    color: #000000;
    font-family: Lato, sans-serif;
    padding-right: 0;
    position: relative;
    display: block;
    right: 0;
    top: 0;
    margin-bottom:10px;
    text-align:center;
}


    .cta {
        width: 47%;
        float: left;
        display: inline-block;
        margin-bottom: 2%;
    }

.main {
    display: block;
    width: 90%;
    float: left;
    margin: 30px 5%;
}

.col4{
    width: 100%;
	font-size:18px;}

.contact {
    padding-left: 0;
    width: 100%;
    text-align: center;
}

.index {
    text-align: center;
    width: 100%;
    position: relative;
}

.main .left{
width:100%;
margin:auto;
text-align:center;
padding-left:0;
padding-right:0;

}

.main .right{width:100%;
margin:auto;
text-align:center;
padding-left:0;
padding-right:0;
margin-top:20px;}

.footer .inner .left{width:100%; text-align:center; margin-bottom:40px;}

.footer .inner .right{width:100%; text-align:center;}

.footer .inner .left img{display: block;
    text-align: center;
    margin: auto;
    float: none;
    margin-bottom: 10px;}


.links{ display:none; }

.index .hero h1{ font-size:4vw; }

}

@media screen and (max-width: 600px){

.index h1, .index h3{width: 90%; margin: 0 5%;}


    .carparking {
    display: block;
    position: absolute;
    top: 30px;
    left: 10px;
    width: 60px;
    height: 60px;
    background-image: url(img/car-parking.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.entryfee {
    display: block;
    position: absolute;
    top: 30px;
    right: 10px;
    width: 60px;
    height: 60px;
    background-image: url(img/entrance-fee.png);
    background-size: contain;
    background-repeat: no-repeat;
}

    .historybg .left {
    font-size: 30px;
    font-weight: 500;
    color: #ad00fd;
    width: 100%;
    padding-left: 30px;
    text-align: left;
    padding-bottom: 0;
}

    .historybg .right {
    width: 100%;
    padding-left: 30px;
    text-align: left;
    padding-bottom: 0;
}


    .index .hero h1{ font-size:4vw; }


    .index {
    margin-top: 0;
}
    .whatson .cta1, .whatson .cta2, .whatson .cta3, .whatson .cta4, .whatson .cta5, .whatson .cta6{
width:98%;
margin:1%;
min-height:0;}

    #logo {
    width: 100%;
    float: left;
    text-aign:center;
    display: block;
    position: relative;
    z-index: 10;
}

#logo img{ width:80%; }

    .index h1 {
        margin-bottom: 0;
        text-shadow: 0 0 3px #000;
        margin-top: 20px;
        padding-bottom: 0px;
        font-family: 'Poppins', sans-serif;
        font-weight: 600;
        font-size: 27px;
        color: #fff;
        line-height: 30px;
        margin-bottom: 20px;
    }

    h3 {
    font-size: 14px;}

.hero img {
    width: 150%;
    max-width: 1024px;
    margin-left: -22%;
}

  .box {width: 80%;}

    .sponsors{ margin-bottom:0px; }

    .reviewbg, .historybg {
    background-image:;}


        ul.reviews{columns:1; margin-top:20px; width:100%;}


        ul.services{columns:2;}


        .cta1, .cta2, .cta3, .cta4, .cta5, .cta6{width:100%; float:left; margin-left:0%; margin-bottom:20px; height:200px;}

        .links ul li a{font-size:8px;}

        h1{font-size:21px;}

        .content .inner .full li{font-size:16px;}

        .galleryimages .item {
    display: inline-flex;
    height: auto;
    border-radius: 0;
    padding: 2px;
    box-sizing: border-box;
}

.galleryimages img{ max-width:100%; width:100%; }




}