* {padding: 0; margin: 0; border: 0;}
html, body, div, img, form, fieldset, legend, label, p, h1, h2, h3 {margin: 0; padding: 0;}
header, nav, article, footer, address, aside, section, summary, hgroup, details, figcaption, figure, main {display:block;}
html {font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}

header {width: 100%;}
#header-white {position: absolute; top: 0px;}
#header-black {position: relative;}

#logo {width: 24%; padding-left: 1%; float:left; height: 100px; padding-top: 20px;}
#menu {width: 74%; padding-right: 1%; float:left; height: 50px; text-align:right; padding-top: 40px;font-family:'Brandon Grotesque W01';opacity: 1; transition: opacity 1s;}
#mobmenu:hover .glowmenu, #menu:hover .glowmenu{ opacity: 0.4;transition: opacity 1s;}
#mobmenu:hover a:hover.glowmenu, #menu:hover a:hover.glowmenu {opacity: 1 !important;}
#menu .white a {color: #fff; font-weight: normal;margin-left: 5px; margin-right: 5px; font-size: 16px;}
#menu .black a {color: #000; font-weight: normal;margin-left: 5px; margin-right: 5px; font-size: 16px;}
.menu a {transition: opacity 0.5s;}
#menu a img {opacity: 1 !important;}

#burger {display:block; width: 74%; height: 40px; margin-right: 1%;float:right; cursor:pointer; background-image: url('https://www.italiansupperclub.co.uk/templates/isc/images/burger.svg'); background-position: right; background-size: auto 100%; background-repeat: no-repeat; margin-top: 10px;}
#mobmenu {float:right; width: 74%; margin-right: 1%;position:relative; z-index: 10000;}
#mobmenu a {display:block; text-align:right; margin-top: 4px; margin-bottom: 4px;}

img.mobilegap {width: 175px; margin-top: 10px; height: auto;}

footer {width: 100%;clear:both;}
#banner {width: 100%; height: auto; display:block;}
#banner img {width: 100%; height: auto;}
#content {min-height: 300px; padding-top: 100px;}
#side {min-height: 300px;}
#footer {background-color: #e4e8e7; width: 100%; min-height: 200px; padding-top: 50px;}
#footer a {font-weight: normal; color: #000;}

#top {background-color: #fff; width: 100%; height: 100vh; font-size: 30px; line-height: 40px; background-image: none; display:table;text-align:center;}


#middleme {width: 100%; height: 100vh; font-size: 30px; line-height: 40px; background-image: none; display:table;text-align:center;}
.middleme {width: 100%; display: table-cell; vertical-align: middle; text-align:center; height: 500px;}


#bottom {background-color: #fff; width: 100%; height: 50vh; padding-top: 25vh; padding-bottom: 25vh; clear:both;}
#foot1 {float:left; width: 31%; padding-left: 2%; text-align:left; font-size: 18px; line-height: 22px;}
#foot2 {float:left; width: 19%; text-align:left; font-size: 18px; line-height: 22px;}
#foot3 {float:left; width: 19%; text-align:left; font-size: 18px; line-height: 22px;}
#foot4 {float:left; width: 29%; text-align:left; font-size: 18px; line-height: 22px;}
#foot4 a {font-size: 16px;}

.glass {background-image: url('../images/glass.png');}

.stretch {width: 100%; clear:both;}
.trap {width: 1200px; margin: auto;}


a.arrow {width: 100%; height: 100px;margin-bottom: 20px; position:absolute; left: 0px; right: 0px; bottom: 0px; text-align:center; z-index: 100;background-image: url('../../../images/bits/arrow.png'); background-size: auto 25%; background-position: center bottom; background-repeat: no-repeat;}

@media only screen and (min-width: 1000px) { /* WIDE - Desktop */
.stretch-wide {;}
.stretch {max-width: 999px; margin: auto;}
.onlymob {display:none;}
.notmob {display:block;}
  .mobilegap {padding-top: 200px;}
  .topbreak {display:block;}
  #burger, #mobmenu {display:none;}
}

@media only screen and (min-width: 768px) and (max-width: 999px) { /* MEDIUM - Tablet Portrait */
.stretch-medium {;}
.stretch {width: 100%; margin: auto;}
.onlymob {display:none;}
.notmob {display:block;}
  .mobilegap {padding-top: 200px;}
  .topbreak {display:block;}
  #burger, #mobmenu {display:none;}
}

@media only screen and (min-width: 600px) and (max-width: 767px) {
  .topbreak {display:block}  
}

@media only screen and (min-width: 480px) and (max-width: 767px) { /* SMALL - Mobile Landscape */
.stretch-small {;}
.stretch {width: 100%; margin: auto;}
.onlymob {display:block;}
.notmob {display:none;}
  #logo {width: 24%;}
  #menu {text-align:center; padding-top: 0px;text-align:left; margin-top: 20px; width: 250px; float:right;}
  #mobmenu .white a, #menu .white a {color: #fff; font-weight: normal;margin-left: 4px; margin-right: 4px; font-size: 15px;}
  #mobmenu .black a, #menu .black a {color: #000; font-weight: normal;margin-left: 4px; margin-right: 4px; font-size: 15px;}
  .topbreak {display:block;}
  #content {padding-top: 50px;}
#foot1 {float:left; width: 100%; padding-left: 0px; text-align:center; font-size: 18px; line-height: 22px;}
#foot2 {float:left; width:50%; text-align:center; font-size: 18px; line-height: 22px;}
#foot3 {float:left; width: 50%; text-align:center; font-size: 18px; line-height: 22px;}
#foot4 {float:left; width: 100%; text-align:center; font-size: 18px; line-height: 22px;}
  #middleme {font-size: 25px; line-height: 30px;}
#bottom {width: 100%; height: auto; padding-top: 100px; padding-bottom: 100px; clear:both; display:block;}
  #burger {display:block;}
  #menu {display:none;}
}



@media only screen and (max-width: 479px) { /* TINY - Mobile Portrait */
.stretch-tiny {;}
.stretch {max-width: 100%; margin: auto;}
.onlymob {display:block;}
.notmob {display:none;}
  #logo {width: 24%;}
  #mobmenu .white a, #menu .white a {color: #fff; font-weight: normal;margin-left: 4px; margin-right: 4px; font-size: 15px;}
  #mobmenu .black a, #menu .black a {color: #000; font-weight: normal;margin-left: 4px; margin-right: 4px; font-size: 15px;}
  #content {padding-top: 50px;}
  #foot1 {float:left; width: 100%;padding-left: 0px; text-align:center; font-size: 18px; line-height: 22px;}
  #foot2 {float:left; width:50%; text-align:center; font-size: 18px; line-height: 22px;}
  #foot3 {float:left; width: 50%; text-align:center; font-size: 18px; line-height: 22px;}
  #foot4 {float:left; width: 100%; text-align:center; font-size: 18px; line-height: 22px;}
  body {font-size: 18px; line-height: 26px; }
  #middleme {font-size: 20px; line-height: 25px;}
  #bottom {width: 100%; height: auto; padding-top: 100px; padding-bottom: 100px; clear:both;display:block;}
  #burger {display:block;}
  #menu {display:none;}
}


.bx-pager-link {position:relative; top: -50px; display:none;}
.bx-viewport { border-top-width: 0px !important; border-right-width: 0px !important;  border-bottom-width: 0px !important;  border-left-width: 0px !important;  left: 0px !important; padding-bottom: 0px !important; margin-bottom: 0px !important;box-shadow: 0 0 0px #fff !important;padding-left: 0px !important;}
.bx-wrapper {margin:0px !important;box-shadow: 0 0 0px #fff !important;}
ul.bxslider {padding-left: 0px;}
#content div.bx-pager-item {display:none !important;}