.subtitle {position:absolute;top:1.5em;left:1em;color:#fff;z-index:}
body {background-color:#333;}
.pattern {position:absolute;top:0;right:0;}

.gallery-list ul {background-color:#070a15;padding:2em;}
.gallery-list ul li {padding:0.5em 0;}
.gallery-list ul li a {color:#c0e3bf;font-size:1.5em;text-decoration:none;}
.gallery-list ul li a:hover {color:#fff;}

.gallery-menu {border-bottom:2px solid #fff;padding:0.8em 0;}
.gallery-menu div:nth-of-type(1) {border-right:2px solid #ccc;}
.gallery-menu a {text-decoration:none;padding:0.3em 1em;color:#c0e3bf;font-size:1.5em;}
.gallery-menu a:hover, 
.gallery-menu a.active {color:#fff;color:#fff;background-color:#000;}

@media only screen and (min-device-width: 320px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3),
only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1),
only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
	.gallery-list ul li a {font-size:1rem;}
	.gallery-menu a {font-size:1rem;}
}