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









icon {}

#coverBorder {
 width:100%;height:3%;
 bottom:-3%;
 border:none;
 border-radius:0 0 30px 0;
 box-shadow: 0 3px 3px rgba(0,0,0,0.18);
}

icon#coverTab {
 width:90px;height:90px;
 bottom:-90px;left:-1px;
 padding:0 0 0 45px;
 border:none;
 border-radius: 0 0 120px 0;

 align-items: flex-start;
 box-shadow: -3px 3px 3px rgba(0,0,0,0.18);
}
icon#coverTab img {
 width:12px;
 margin:0;
}

nav#thumbs {display:none;}
nav#thumbs icon {
 position:fixed;
 top:auto;bottom:-1%;left:50%;
 background-color: #5B5D58;
 margin-left:-30px;
 box-shadow:1px 1px 3px rgb(0,0,0,.42);
}





nav {
 font-size: 4vw;
}






nav#left {display:none;
  width:100%;height:100%;
  /* padding:0 0 0 0; */
  text-align:center;
  border:none;
}
nav#left ul {
 margin-top:39%;
}
nav#left ul li {
 width:100%;margin-left:0;
 padding:9% 0 9% 0;
}

nav#left #social {
 height:15%;
 font-size:.8em;
}
nav#left #social img {width:39px;}




nav#thumbs { /* 2(14.3 px) */
 z-index:9;
 position:fixed;
 top:auto;left:0;bottom:-97%;
 width:100%; height:100%;

}
nav#thumbs #colour {
 border-radius: 6% 6% 0 0;
}
nav#thumbs figure {
 border-radius: 6% 6% 0 0;
}







tray#gallery {
 z-index:0;
 position:fixed;top:0;
 width:100%; height:100%;
 padding-left:0; /* nav-left */

 flex-direction: column;

 overflow-y:scroll;
 overflow-x:hidden;
}
tray#gallery figure {
 margin:0;
}
tray#gallery header  {
 margin:120px 0 0 0;
}/* nav-top */
tray#gallery header p {
 margin-bottom:18%;
}

tray#gallery header h4::before,
tray#gallery header h4::after {
 display:none;
}
tray#gallery figure img,
tray#gallery header h4 {
 width:93%;
 opacity:1;
}
tray#gallery figcaption {
 position:relative;
 width:82%;/*height:69px;*/
 height:auto;
 margin:6% 0 6% 3%;
 padding-top:24px;
 border-radius:0;
 box-shadow: 0 1px 3px rgb(0,0,0,.6);
}
tray#gallery figcaption p {
 margin-top:24px;
 padding:24px 0 24px 0;
 font-size: 18px;
}
tray#gallery figcaption:hover {

 box-shadow: none;
 opacity:1;
}
tray#gallery decal {display:none;}



.d_ {display:none;}
.m_block {display:block;}
.m_inline {display:inline;}
} /* END */




@media (orientation: portrait) {


 #frame.A {
  border:0 solid #5B5D58;
  outline:3% solid #5B5D58;
  outline-offset:3%;

  align-content: center;

  background-image:url('/D/banner/coverIntro_m-36A00d.png');background-position:;background-repeat:no-repeat;background-size:cover;
 }

 #frame.A div {
  padding:7% 0 7% 0;
 }
 #frame.A #logo img {
  width:8vw;
 }
 #frame.A #title img {
  width:70vw;
 }
 #frame.A #subtitle {
  font-size: 5vw;
 }
 #frame.A #intro {

 }

 #frame.B {
  padding:3%;
  width:94%;height:84%;
 }
#frame.B #banner {
 height:32%;
 margin-bottom:3%;
 padding:0 0 0 6%;
 width:94%;
}
#frame.B #title {
 width:75%;
 font-size:11vw;
}
#frame.B #info {
 width:66%;
 font-size:6vw;
}
#frame.B #info span {
 display:block;

}
#frame.B #info span#details {
 font-size:2vh;

}

#frame.B #learnMore {
 width:25%;
}

#frame.B #content {
 top:auto;right:auto;left:0;
 bottom:0;
 width:81%;height:60%;
 padding:0 9% 0 9%;
 margin:0;

 justify-content:space-between;
 align-content:center;

}
#frame.B #banner.C img {
 margin:1%;
 border:1px solid #C4C6C0;
 margin:0;
 width:27%;
}


}



@media (orientation: landscape) {
#frame.A {}
}