* { margin: 0; padding: 0; border-width: 0; outline-width: 0; -webkit-text-size-adjust: 100%; }
html, body { height: 100%; }
body { font-size: 13px; font-family: 'Roboto', sans-serif; font-weight: 300; width: 100%; }
.page-wrapper { position: relative; }

/* Menu */
.menu { font-family: "Bungee Hairline", sans-serif; margin-top: 10px; }
.menu a { font-size: 24px; line-height: 24px; text-decoration: none; overflow: hidden; padding-left: 12px; display: block; margin-top:1px; margin-bottom: 1px; }
.menu-home { position: absolute; z-index: 200; }
.currentpage { background-image: url(../imgs/current.png); background-repeat: no-repeat; background-position: -8px center; background-size: 14px 27px; }

/* Boxes */
.box-wrapper { position: relative; padding-right: 2px; padding-left: 2px; margin-top: 50px;}
.box-wrapper:after { content: ""; display: table; clear: both; }
.box-outer, .box-outer-video { line-height: 0; position: relative; width: 50%; display: block; float: left; border: solid 2px white; box-sizing: border-box; }
.no-touchevents .work .box-outer:hover .box-image, .no-touchevents .work .box-outer-video:hover .box-image { opacity: 0; transition: all .2s;}
.work .box-image { position: relative; z-index: 10; opacity: 1; transition: all .2s;}
.no-touchevents .work .box-image { position: relative; z-index: 10; opacity: 1; }
.past .box-image { position: relative; z-index: 40; }
.no-touchevents .press .box-outer:hover .box-image, .no-touchevents .press .box-outer-video:hover .box-image { opacity: 0; transition: all .2s;}
.no-touchevents .press .box-outer:hover .press-logo, .no-touchevents .press .box-outer-video:hover .press-logo { opacity: 0; transition: all .2s;} 
.press .box-image { background-color: white; position: relative; z-index: 40; transition: all .2s; }
.press-logo { line-height: normal; text-align: right; position: absolute; left: 0; bottom: 0; box-sizing: border-box; z-index: 60; padding: 18px; transition: all .4s; }
.press-logo img { width: 100%; max-width: 200px; }
.box-image img { position: relative; width: 100%; }
.press .box-image img { opacity: 0.8; }
.box-caption { line-height: 17px; text-align: right; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: solid 1px #e1684c; box-sizing: border-box; z-index: 5; padding: 10px; background: white;/*background: rgba(255, 255, 255, 0.85);*/}
/*.no-touchevents*/ .box-caption { }
.box-caption img { width: 42px; height: 42px; margin-top: 10px;}
.box-caption span {display: none;}
.box-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%;  box-sizing: border-box; }
.past .box-image { border: #e1684c;  }
.box-caption b { font-weight: 500; letter-spacing: 1px; margin-bottom: 4px; display: block; }
.box-caption p { }

/* Full width video */
.video-container { position: relative; width: 100%; height: auto; clear: both; padding: 20px; box-sizing: border-box;}
.video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } 
.video-wrapper iframe, .video-wrapper object, .video-wrapper embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* Home */
.video-tint { background-color: rgba(130,125,102,.5) !important; background-image: url(../imgs/overlay-4.png); background-size: 2px 2px; position: absolute; width: 100%; height: 100%; z-index: 40; opacity: 0.85; }
.video-tint-alt1 { background-color: #e1684c !important; background-image: url(../imgs/overlay-large.png); position: absolute; width: 100%; height: 100%; z-index: 40; opacity: 0.85; }
.video-tint-alt2 { background-color: #4f7ac2 !important; background-image: url(../imgs/overlay-large.png); position: absolute; width: 100%; height: 100%; z-index: 40; opacity: 0.85; }
.logo-home { position: absolute; width: 100%; z-index: 9999; }
.logo-home img { width: 100%; }
.video-home-wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; }
.video-home {
  position: absolute;
  top: 50%;
  left: 50%;
  width: auto;
  min-width: 100%;
  height: auto;
  min-height: 100%;
  transform: translateX(-50%) translateY(-50%);
}

/* Footer */
.footer { color: white; font-size: 9px; background-color: #e1684c; text-align: right; margin-top: 6px; padding: 24px; }
h1 { font-size: 24px; font-family: "Bungee Hairline", sans-serif; font-weight: normal; line-height: 24px;  margin-top: 10px; margin-bottom: 10px; }
h1 a { text-decoration: none; color: white; }
.copyright { font-size: 10px; padding-top: 50px; opacity: 0.5; }
.email a { color: white; text-decoration: none; position: relative; }
.home-footer { position: absolute; right: 0; bottom: 0; z-index: 50; background-color: transparent; }

/* Font Colours etc */
.box-wrapper, .box-wrapper a, .menu a, .ulmenu li a { color: #e1684c; }
.menu-home a { color: #000; opacity: 0.5; }
.menu-home li a { color: #000; opacity: 0.5; }

/* Fancybox */

.fancybox-is-open .fancybox-bg {
    opacity: 1;
}

.fancybox-bg {
    background: #fff;
}

.fancybox-button, .fancybox-button:link, .fancybox-button:visited {
    color: #e1684c;
}

.fancybox-button:hover {
    color: #e1684c;
}

.fancybox-button {
    background: none;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    height: 50px;
    margin: 0;
    padding: 10px;
    position: relative;
    transition: color .2s;
    vertical-align: top;
    visibility: inherit;
    /*width: 50px;*/
}

.fancybox-infobar {
    color: #e1684c;
    font-size: 12px;
    font-weight: 500;
    -webkit-font-smoothing: subpixel-antialiased;
    height: 44px;
    left: 0;
    line-height: 44px;
    min-width: 44px;
    mix-blend-mode: initial;
    padding: 0 10px;
    padding-left: 14px;
    pointer-events: none;
    top: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

@media screen and (min-width: 480px) {
.box-wrapper { position: relative; padding-right: 6px; padding-left: 6px; }
.box-outer, .box-outer-video {  border: solid 6px white; }
.box-caption { padding: 18px; line-height:normal;}
.menu { margin-bottom: 50px; }
h1 { margin-top: 40px; }
.box-caption span {display: block;}
.box-caption img { margin-top: 24px;}
}


@media screen and (min-width: 600px) {
.box-caption b { font-size: 17px; }
body { font-size: 15px; }
.menu a { font-size: 40px; line-height: 40px; }
h1 { font-size: 40px; line-height: 36px; }
.currentpage { background-position: -6px center; }
}


@media screen and (min-width: 860px) {
.box-outer, .box-outer-video { width: 33.333%; }
.menu a { font-size: 50px; line-height: 50px; }
h1 { font-size: 50px; line-height: 45px; }
}

@media screen and (min-width: 1260px) {
.box-outer, .box-outer-video { width: 25%; }
.menu a { font-size: 90px; line-height: 80px; }
}

@media screen and (min-width: 1660px) {
.box-outer, .box-outer-video { width: 20%; }
}

@media screen and (min-width: 1960px) {
.box-outer, .box-outer-video { width: 16.666%; }
}


@media screen and (min-width: 1600px) {

.artists-image { width: 33.333%; }
.f1, .f2, .f3, .f4 { width: 33.333%; }

}

/*
@media screen and (max-aspect-ratio:3/2) {
.video-home iframe { width: 180%; height: 100% ; min-height: 100%; margin-left: -40%; }	
}

@media screen and (max-aspect-ratio:1/1) {
.video-home iframe { width: 200%; height: 100% ; min-height: 100%; margin-left: -50%; }	
}

@media screen and (min-aspect-ratio:16/9) {
.video-home iframe { width: 100%; height: 125% ; min-height: 100%; margin-left: 0%; margin-top: -7%; }	
}
*/