/* CSS - Peter Roper */
.page-index #content #voucher #pager .nav a { width: 10px; }

.page-index #content #voucher .r2b .imgs .img { width: auto !important; background-color: initial !important; }

.page-index #content #voucher #pager .nav a { height: 10px; }

.page-index #content #voucher .r2b .imgs .img { height: auto !important; }

.page-index #head .s .logo.lg { margin: 0 0 50px 0; }

.page-index #content #voucher .r2b > .c > .w { margin: 0 10px 0 0; }

.page-index #content #voucher .r2b > .c:first-of-type > .w { margin: 0 0 0 10px; }

#ctas .r3 .h { margin: 0 0 5px 0; }

.page-index #content #voucher #pager .nav a { margin: 10px 5px 0 5px; }

.page-index #head .s { padding: 100px 0 50px 0; }

.page-index #content #voucher #ctas .wrap { padding: 40px 0 0 0; }

.page-index #content #voucher .s, .page-index #adventures { padding-top: 40px; padding-bottom: 40px; }

.page-index #head .logo.lg { padding: 22% 0 0 0 !important; }

.page-index #content #voucher .r2b .imgs { padding-bottom: 48%; }

.page-index #content #voucher .r2b .imgs, .page-index #head .logo.lg { display: block; }

.page-index #content #voucher #pager .nav a { display: inline-block; }

.page-index #content #voucher .r2b > .c:first-of-type { float: right; }

.page-index #content #voucher .r2b .imgs, .page-index #head .s, .page-index #head { position: relative; }

.page-index #content #voucher .r2b .imgs .img, .page-index #head:after, .page-index #head > .img:before, .page-index #head > .img { position: absolute; }

.page-index #content #voucher .r2b .imgs .img, .page-index #head > .img:before, .page-index #head > .img { top: 0; }

.page-index #head:after { top: 50%; }

.page-index #content #voucher .r2b .imgs .img, .page-index #head:after, .page-index #head > .img:before { left: 0; }

.page-index #head > .img { left: 15%; }

.page-index #content #voucher .r2b .imgs .img, .page-index #head:after, .page-index #head > .img { right: 0; }

.page-index #head > .img:before { right: 50%; }

.page-index #content #voucher .r2b .imgs .img, .page-index #head:after, .page-index #head > .img:before, .page-index #head > .img { bottom: 0; }

.page-index #head .s { z-index: 10; }

.page-index #head:after { z-index: 5; }

.page-index #head:after, .page-index #head > .img:before { content: ''; }

.page-index #head .logo.lg { background-size: auto 100% !important; -ms-interpolation-mode: bicubic; image-rendering: optimizeQuality; }

.page-index #content #voucher .img, .page-index #head > .img { background-size: auto 100% !important; -ms-interpolation-mode: bicubic; image-rendering: optimizeQuality; }

@media only screen and (max-width: 1024px) { .page-venue #content, .page-index #content { padding: 0; } }
@media only screen and (max-width: 880px) { .page-index #head > .img { left: 0; } }
@media only screen and (max-width: 700px) { .page-index #adventures .r .r2b > .c { width: 50% !important; }
  #ctas .r3 > .c { width: 33% !important; }
  .page-index #head .s .logo.lg { margin: 0 0 30px 0; }
  .page-index #adventures .r .r2b > .c > .w, #ctas .r3 > .c > .w { margin: 0 !important; }
  .page-index #head .s { padding: 60px 0 30px 0; }
  .page-index #head .logo.lg { padding: 38% 0 0 0 !important; }
  .page-index #content { padding: 0; }
  .page-index #adventures .r .r2b > .c, #ctas .r3 > .c { float: left !important; }
  .page-index #head .logo.lg { background-size: auto 85% !important; -ms-interpolation-mode: bicubic; image-rendering: optimizeQuality; } }
@media only screen and (max-width: 580px) { .page-index #content #voucher #ctas .wrap { padding: 5px 0 0 0; }
  .page-index #content #voucher .s, .page-index #adventures { padding-top: 20px; padding-bottom: 20px; } }
@media only screen and (max-width: 500px) { #ctas .r3 .h { line-height: 14px !important; font-size: 12px !important; }
  .page-index #head:after { top: 33%; }
  .page-index #head:after, .page-index #head > .img { bottom: 33%; } }
