body {margin: 0; background:black}


.fp-bg{
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  transform: translate3d(0,0,0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;}


#section1 .fp-bg{
  background: url(https://www.astonslatebar.co.uk/img/bedlington-party-venues-astons.jpg) no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}

#section2 .fp-bg{
  background: rgb(6,1,11);
  background: url(https://www.astonslatebar.co.uk/img/astons-bedlington.jpg) no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}

#section3 .fp-bg{
  background: url(https://www.astonslatebar.co.uk/img/party-venues-bedlington.jpg) no-repeat;
  background-position: left bottom;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}

#section4 .fp-bg{
  background: url(https://www.astonslatebar.co.uk/img/partys-bedlington-venues.jpg) no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: 50% 0
}

#section5 .fp-bg{
  background: rgb(27,27,28);
  background: radial-gradient(circle, rgba(27,27,28,1) 0%, rgba(0,0,0,1) 100%);
   background: url(https://www.astonslatebar.co.uk/img/astons-bedlington-latebar.jpg) no-repeat;
  background-position: left top;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}

#section6 .fp-bg{
  background: #141a21;}

#section1 img
  {display: block; width: auto; max-width: calc(100% - 40px);height: 210px;position: relative; top: 50%; left: 50%; transform: translate(-50%, -80%);}

#section2 img 
  {display: block; width: 800px; max-width: calc(100% - 40px);height: auto;position: relative; margin-top: 50vh; margin-left: 50vw; transform: translate(-50%, -80%);opacity: 1}

#section3 img
  {display: block; width: 800px; max-width: calc(100% - 40px);height: auto;position: relative; margin-top: 50vh; margin-left: 50vw; transform: translate(-50%, -80%); opacity:1}

#section4 img 
  {display: block; width: 300px; max-width: calc(100% - 40px);height: auto;position: relative; margin-top: 50vh; margin-left: 50vw; transform: translate(-50%, -80%); opacity: 1}

.fivee-inner 
  {display: block; width: 300px; max-width:100%;height: auto;position: relative; margin-top: 50vh; margin-left: 50vw; transform: translate(-50%, -80%); font-family: 'Open Sans', sans-serif;font-weight: 600; color: white; font-size: 20px;}

#section6 img
  {display: block; 
  width: 300px; 
  max-width: calc(100% - 20px);
  height: auto;
  position: relative; 
  top: 50vh; 
  left: 50vw; 
  transform: translate(-50%, -80%); 
  opacity: 1;
  cursor: pointer}

.fivee-inner a {background: #ffffff;background: -webkit-linear-gradient(to right, #ffffff 0%, #ffffff 34%, #ffffff 65%, #ffffff 100%);
background: -moz-linear-gradient(to right, #ffffff 0%, #ffffff 34%, #ffffff 65%, #ffffff 100%);
background: linear-gradient(to right, #ffffff 0%, #ffffff 34%, #ffffff 65%, #ffffff 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;}
.fivee-inner a:hover {background: #27A4F5;
background: -webkit-linear-gradient(to right, #27A4F5 0%, #DE4DA7 34%, #27A4F5 65%, #E818D7 100%);
background: -moz-linear-gradient(to right, #27A4F5 0%, #DE4DA7 34%, #27A4F5 65%, #E818D7 100%);
background: linear-gradient(to right, #27A4F5 0%, #DE4DA7 34%, #27A4F5 65%, #E818D7 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;}

.nbt {width: 100%; position: absolute; top:0;left:0; background: red; height: 50vh; z-index: -1; opacity: .5}