@font-face {
   font-family: 'fontello';
   src: url('/fontello.woff2?81338911') format('woff2'),
       url('/fontello.woff?81338911') format('woff'),
       url('/fontello.ttf?81338911') format('truetype');
	font-weight: normal;
   font-style: normal;
}
*{margin:0;padding:0;border:0;outline:0;text-decoration:none;font-family:'Cambay';color:#333;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
::-webkit-scrollbar {
    width: 7px;
	cursor:pointer;
}
::-webkit-scrollbar-thumb {
    background: #009877; 
}
::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(0,0,0); 
}
body,main,article,main,nav,ol li a,ol li,#f ul li a,ol li a:before,main a,#a,#f blockquote,ol,article img,figcaption,figure a,.cp,.w100,.share i:first-child,#mf,#f #mf button{transition:all 0.5s}
#f,#f blockquote,figcaption,figure a:after, #mf{position:absolute}
@keyframes bb100 { 75%{background-size:100% 107vh;} to{background-size:100% 100px;} }
@keyframes bb70 { 75%{background-size:100% 107vh;} to{background-size:100% 70px;} }
@keyframes bb40 { 75%{background-size:100% 107vh;} to{background-size:100% 40px;} }
main a{color:#000}
body{
	color:#333;
	font-size:100%;
	padding:100px 0;
	/*animation: bb100 1.4s;
	animation-fill-mode: forwards;*/
}
body, main, header, ol li a, figure {
	width:100%;
	max-width:100%;
	position:relative;
}
main, header, #f ul { max-width:1600px; margin:0px auto; }
main { 
	height:auto;
	min-height:calc(100vh - 400px);
	margin:0 auto;
	/*min-width:320px;
	outline: 1px solid #eee;
	box-shadow:inset 0 -1px 0 #000,inset -1px 0 #000,inset 1px 0 #000;*/
}
header, #f{
	height: 100px;
	position:fixed;
	background: #000;
	top:0px;
	z-index:1000;
	left:50%;
	margin-left:-800px;
}
.red{
	outline: 0.5px solid red;
}
nav, #f ul, #a{
	bottom:0px;
	height:25px;
	right:0;
	margin: 0 75px;
}
header, ol, nav, .flx, figure, #album, #tatry, .to-right, .share .soc, #llloading{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
#a{	
	background:url(/l.svg) 0 55% / 200px no-repeat;
	width:200px;
	height:30px;
	padding:0;
	font-size:0;
	line-height:0;
	display:block;
}
article, #album .flx, .yrs {
	max-width:100%;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-align-items: flex-start;
	align-items: flex-start;
}
.yrs article{
	width:49.999vw;
	height:100%;
	display:block;
	font-size:20vw;
	text-align:center;
}
.yrs article a { display:block }
.yrs article a:hover { 
	background:#000;
	color: #fff;
}
#tatry{
	background:url(/tatry_bg.png) right top / 100% no-repeat;
	min-height: calc(100vh - 295px);
	margin:0;
	padding: 80px;
	text-shadow:0 1px 1px #fff;
}
#album{
	background-size: 100%;
	background-position: 0 100px;
	background-attachment: fixed;
	background-repeat: no-repeat;
	padding-top:40vmax;
}
#album blockquote { 
	width:max-content;
	min-width:350px;
	max-width:35%;
	margin:0;
	margin-right:10px;
	margin-bottom:15px;
	padding:2px;
	display:block;
	vertical-align:top;
}
#album .flx {
	-webkit-align-items: space-between;
	align-items: space-between;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-content:space-between;
	align-content:space-between;
}
#tatry{
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-content: flex-start;
	align-content: flex-start;
}
#album .flx, #news article .flx, #news article h1, #album article{
	background: #fff;
	line-height:1.3em;
	padding:10px 75px;
}
#album article, #album div.sa { 
	padding:0;
}
#news article div.flx, #news article h1{ width:50%; }
#album figcaption{
	width:calc(100% - 30px);
	font-size:12pt;
}
#album img, #album picture,#news img, #news picture{
    width: 100%;
    height: auto;
	margin:3px 0;
}
#album h1, #news h1, #news figcaption h2 {
	font-weight: normal;
	font-size: 3vmax;
	color: #009877;
	margin: 0 0 5% 0;
	align-self:stretch;
	/*white-space: nowrap;*/
    line-height: 1.2em;
}

#album h1:after,#news h1:after, #news figcaption h2:after{
	content: '';
	width:2em;
	background: #009877;
	height:3px;
	display: inline-block;
	margin: 13px 8px;
	vertical-align:text-top;
	transition: all .5s;
}
#album h1{width:50%}
hr {
	background: #009877;
	margin: 3vw auto;
	width:50%;
	height:2px;
	display:block;
}
.cp{
	margin:0%;
	height:100%;
	padding:0;
	overflow:hidden;
	white-space:nowrap;
	opacity:0;
	transition: all 1s;
}
.w0 {
	opacity:0;
	max-width:0;
	max-height:0;
	left:0;
}
.w100{
	opacity:1;
	max-width: max-content;
	left:0;
}
figure { 
	min-width:50%;
	max-width:50%;
	text-align:justify;
	margin:0px auto;
	background:#fff;
	line-height:1.5em;
	align-items: flex-start;
	overflow:hidden;	
	-ms-flex-align: center;
	-webkit-align-items: center;
	 -webkit-box-align: center;
	 align-items: center;
	 align-content: center;
}
figcaption { 
		background: rgba(0,0,0,.85);
		color: #fff;
		top: calc(50% - 30px);
		padding:0 15px;
		width: calc(100% - 35px);
		height:0%;
		overflow:hidden;
		white-space: nowrap;
		font-size: 24pt;
		line-height:1.5em;
		text-transform:uppercase;
}
figure a {
	display:block;
	width: 100%;
	min-height: 480px;
	text-align:center;
	vertical-align:middle;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: 100% 100%;
	margin:5px 0;
	overflow:hidden;
	background-color: #fff;
	background-blend-mode: multiply;
	-webkit-background-blend-mode: multiply;
	transition:all .8s;
}
figure:nth-child(odd) > a{
	margin-right:5px;
}
figure:nth-child(even) > a{
	margin-left:5px;
}

/*figure a:after{ 
	content: '';
	margin:0;
	width:97.2%;
	background: linear-gradient(45deg, transparent 50%, rgba(255,255,255,.85)50%, rgba(255,255,255,.85)67%, transparent 0%) -1000px 0px / 150% no-repeat;
	background: linear-gradient(45deg,transparent 50%, red 50%, red 67%,transparent 0%) -1000px 0px / 150% no-repeat
	z-index:5;
}*/

figure a img{
	/*width: 100%;*/
	display:none;
}

/*figure:hover img {
 -webkit-filter: grayscale(1);
  filter: grayscale(1);
}*/

figure:hover figcaption{
	height:auto;
	padding:15px;
}

figure:hover a, #album figure a{ 
	background-color: rgba(0, 0, 0, .5);
}
figure:hover a:after{ 
	background: linear-gradient(45deg, transparent 50%, rgba(255,255,255,.25) 50%, rgba(255,255,255,.25) 67%, transparent 0%) 1000px 0px / 150% no-repeat;
}

main div:not(empty),main p:not(empty){margin:10px auto}
section:last-of-type{margin-bottom:0%}
ol{ 
	width: min-content;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
}
article ul, article ul li{margin:4px 10px;padding:2px}
h1{font-size:130%}
h2{font-size:120%}
h3{font-size:110%}
ol li, #f ul li{
	list-style:none;
	padding:0 15px 0 0;
	height:24px;
}
ol li a, .to-right a, .share:after, #scrolldown{
	color: #fff;
	font-size: 9pt;
	display:block;
	text-align:right;
	vertical-align:baseline;
	position:relative;
	letter-spacing:1px;
	padding:0 5px;
	line-height:200%;
	height:24px;
}
#scrolldown{
	position:absolute;
	width: 100px;
	height:60px;
	color:#009877;
	top:10px;
	bottom:auto;
	left:50%;
	margin-left:-50px;
	z-index:1001;
	text-align:center;
}
#scrolldown hr{
	background: transparent url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTEzMy44NnB4IiBoZWlnaHQ9IjExMzMuODZweCIgdmlld0JveD0iMCAwIDExMzMuODYgMTEzMy44NiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTEzMy44NiAxMTMzLjg2Ig0KCSB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxnPg0KCQk8cGF0aCBmaWxsPSIjMDA5ODc3IiBkPSJNNTY2LjkzMyw5NDcuMTM4Yy0yMjEuMTY0LDAtNDAxLjA5Mi0xNzkuOTMyLTQwMS4wOTItNDAxLjA5NGMwLTIyMS4xNjEsMTc5LjkyOC00MDEuMDg5LDQwMS4wOTItNDAxLjA4OQ0KCQkJYzIyMS4xNjIsMCw0MDEuMDg4LDE3OS45MjksNDAxLjA4OCw0MDEuMDg5Qzk2OC4wMjEsNzY3LjIwNiw3ODguMDk1LDk0Ny4xMzgsNTY2LjkzMyw5NDcuMTM4eiBNNTY2LjkzMywyMjUuNjYyDQoJCQljLTE3Ni42NjMsMC0zMjAuMzg1LDE0My43MjMtMzIwLjM4NSwzMjAuMzgyYzAsMTc2LjY2MywxNDMuNzIyLDMyMC4zODYsMzIwLjM4NSwzMjAuMzg2DQoJCQljMTc2LjY1NywwLDMyMC4zODEtMTQzLjcyMywzMjAuMzgxLTMyMC4zODZDODg3LjMxMywzNjkuMzg1LDc0My41OSwyMjUuNjYyLDU2Ni45MzMsMjI1LjY2MnoiLz4NCgk8L2c+DQoJPHBhdGggZmlsbD0iIzAwOTg3NyIgZD0iTTc3Ni4zMTksNDA4LjE5N0w1NjYuOTMzLDYxNy41ODhMMzU3LjU0MSw0MDguMTk3Yy0yMC45NjcsMzEuNzg2LTM0Ljg4OSw2OC42MjQtMzkuNTQ5LDEwOC4yOTkNCgkJbDE3NS4wMTcsMTc1LjAxNmw3My45MjQsNzMuOTI0bDczLjkyNC03My45MjRsMTc1LjAxMy0xNzUuMDE5QzgxMS4yMDksNDc2LjgxOSw3OTcuMjksNDM5Ljk4Myw3NzYuMzE5LDQwOC4xOTd6Ii8+DQo8L2c+DQo8L3N2Zz4NCg==') 50% / 75px no-repeat;
	width:75px;
	height:75px;
	border:none;
	display:block;
	position:relative;
	padding:0;
	margin:0px auto;
	animation: sw 1s infinite ease-in-out alternate-reverse both;
	transform: translateY(0px);
}
@keyframes sw{
	from { transform: translateY(-4px); }
	to { transform: translateY(-12px); }
}
ol li a:before{
	content:'';
	position:absolute;
	left:5px;
	top:50%;
	height:0%;
	width:1px;
	background: #009877;
	z-index:1;
}
ol li a:hover:before, ol li a.a:before{ top:0%;height:80%; }
#f {
	background: #fff;
	text-align:center;
	text-shadow:0 1px 0 rgba(26, 64, 87, 0.45);
	letter-spacing: 1px;
	height:80px;
	/*overflow:hidden;*/
	top: auto;
	bottom:0;
}
#f, #f blockquote { 
	margin:0px auto;
	padding:0px;
	width:100%;
	left:0;
}
#f, #f a { color: #333; }
#f p { font-size:55%;padding-top:1px;vertical-align:baseline;height:15px}
#f ul{width:auto;margin:14px auto;flex-wrap: wrap;align-content:center}
#f ul li{max-width:50px;display:inline-block}
#f ul li a {
  font-family: "fontello";
  speak: none; 
  display: block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  margin-left: .2em;
  font-size: 175%;
  width:100%;
  padding:5px;
  overflow:hidden;
  margin:0;
  vertical-align:text-top;
  cursor:pointer;
  transform: perspective(0px) rotateY(0deg);
  -moz-transform: perspective(0px) rotateY(0deg);
  outline: 1px solid transparent;
}
#f ul li a span{display:none}
#f li a:hover, #f li a.active, ol li a:hover, ol li a.a, main a:hover{
  color: #009877;
}
#f li a:hover, #f li a.active{
  transform:perspective(40px) rotateY(40deg);
  -moz-transform:perspective(0px) rotateY(0deg);
}
#album figure { 
	min-width:calc(25% - 1px);
	max-width:calc(25% - 1px);
	margin:0.5px;
}
#album figure a{
	min-height: 240px;
	max-height: 240px;
	margin:0px;
}
#album figure:hover a, #album figure.a a{ 	background-color: transparent; }
#album figure:hover, #album figure.a{
	box-shadow: 0 0 50px #000;
	/*#009877;*/
	z-index: 100;
}
#news figure { 
	min-width:100%;
	max-width:100%;
	height: auto;
	overflow:visible;
	display:block;
	margin-bottom:3%;
}
#news .flx{	
	align-content:space-between;
	-webkit-align-content:space-between;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	vertical-align:top;
}
#news figcaption.flx, #news figure:hover figcaption.flx{
	background:none;
	position:relative;
	width:calc(100% - 160px);
	top: auto;
	height:50%;
	 -webkit-align-items: flex-end;
    align-items: flex-end;
	 -webkit-justify-content: space-between;
	justify-content: space-between;
	padding: inherit;
	margin:0px 75px;
}
#news figure a {
	display:block;
	width: 100%;
	min-height:28vh;
	background-position: 50%;
	background-size: 100%;
	margin:0;
	padding:0;
}
#news figcaption h2, #news time{ 
	font-size: 90%!important;
	align-self:auto;
	margin:10px 0;
	max-width: max-content;
}
#news figure * { color: #333!important;}
#news figure h2:after {background:#333}
#news figure:hover h2:after {background:#009877}
#news figure:hover * { color: #009877!important;}
#news time { font-size:60% }
.to-right{ 
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: space-between;
	align-items: flex-start; 
	margin:0;
}
.to-right{
	margin:0 5%;
}
.share {
	position:relative;
	min-width:99px;
	min-height:25px;
	margin:0 auto;
	left:90px;
}
.to-right *, .to-right h2 a {color: #333;}
.share:after{
	content: 'SHARE';
	/*font-size: 140%;*/
	color: #333;
	display:inline-block;
	vertical-align:bottom;
	cursor:pointer;
	overflow:hidden;
	font-size:9pt;
	font-weight:bold;
}
.share:hover:after, .to-right h2 a:hover{ color: #009877; }
.share i:first-child {
	-webkit-mask:url('/share-icon.svg') no-repeat 50% 50%;
	mask:url('/share-icon.svg') no-repeat 50% 50%;
	-webkit-mask-size: 19px;
	mask-size: 19px;
	background-color:#333; 
	min-width:25px;
	min-height:25px;
	border-radius:25px;
	background-repeat:no-repeat;
	display:inline-block;
	cursor:pointer;
	margin:0 1%;
    transform: perspective(0px);
}

.share:hover i:first-child {
	background-color:#009877;
}


div#button.FP.JRb {height:20px!important}
.IN-widget{margin-top:4px;max-height:20px;overflow:hidden}
 [data-pin-href]{ vertical-align: super; } 
.soc > * {
	line-height:5px;
	margin:0 5px;
	vertical-align:baseline;
}

.share .flx.soc, #mf {
	-webkit-mask:none;
	mask:none;
	min-width:max-content;
	-webkit-transform:rotateX(90deg);
	transform:rotateX(90deg);
	margin:5px;
	position:absolute;
	height:22px;
	clear:both;
	margin:0;
	background: linear-gradient(180deg, #fff, #fafafa);
	box-shadow:0 0 1px #bbb, 0 15px 0px #fff;
	top:-50%;
	padding:15px!important;
	z-index:100;
	left:auto;
	right:auto;
	white-space:nowrap;
	overflow:hidden;
	display:block;
	transition: .3s all;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
}

.share .soc span {font-size:0}


@-moz-document url-prefix() { 
.share i:first-child, .share:hover i:first-child {
	background: #fff url('/share-icon.svg') 49% / 19px no-repeat;
 }
.share .flx.soc, #mf {
	min-width:325px;
}

}


.share .soc.r { right:125px; }
.share .soc.l { left:125px; }
.share .soc.c { left:-150%; top:-54px; }

.share:hover .soc,  #mf { transform:rotateX(0deg); border-radius:3px; box-shadow:0 0 1px #bbb, 0 15px 50px rgba(255, 255, 255, .35); }

@keyframes rot{
	to{ transform:rotate(360deg); -webkit-transform:rotate(360deg); }
}

#mf{
	bottom: inherit;
	left:auto;
	top:auto;
	bottom:75px;
	width:250px;
	margin:0;
	margin-left:-125px;
	height:auto;
	font-size:110%;
	line-height:1.5em;
	border:1px solid #aaa;
	transform:rotateY(90deg);
}
#mf.show{ transform:rotateX(0deg); box-shadow:0 -35px 150px 20px #333; }
#mf span{
	position: absolute;
    background: #bb0000;
    display: block;
    color: white;
    width: 27px;
    height: 15px;
    right: 0;
    top: 0;
    line-height: 1.3em;
    cursor: pointer;
    box-shadow: inset #da3171 0 0 25px;
    font-size: 80%;
}
#f #mf p{
	margin: 1% auto;
	line-height:1.5em;
	display:block;
	height:auto;
}
#f #mf p * {
	width: 90%;
	border-radius:3px;
	margin:1px auto;
	padding:5px;	
	box-shadow:0 0 1px 1px #ddd;	
}

#f #mf p.error:not(:empty),#f #mf p.ok:not(:empty){
	padding:3%;
	margin:2% auto;
	background:#fb023c;
	border:1px solid #ff0000;
	color: #fff;	
	font-size:80%;
	text-shadow:0 1px 1px #333;
	border-radius:2px;
	max-width: 220px;
    white-space: pre-wrap;
}
#f #mf p.ok:not(:empty){ 
	background: #009877;
	border:1px solid #00775d;
}
#f #mf textarea {height:150px;}
#f #mf button {
    background: #009877 linear-gradient(90deg,#00775d,#00775d) 0 0 / 0% 100% no-repeat;
	border:1px solid #00775d;
	border-radius:3px;
	color:#fff;
	text-shadow:0 -1px 1px #00775d;
	font-size:200%;
	letter-spacing:1px;
	width:93%;
	padding:1% 0 0 0;
	line-height:2em;
	vertical-align:middle;
	cursor:pointer;
	border-radius:5px;
}
#f #mf button:hover{
	background-image: linear-gradient(90deg, #00775d, #00775d);
	background-size: 100% 100%;
}

/*
#llloading{
	position:fixed;
	z-index:1001;
	width:100%;
	height:100%;
	overflow:hidden;
	background: rgba(0,0,0, 0.5);
	top:0;
	left:0;
	-webkit-justify-content: center;
	-webkit-align-items:center;
	justify-content: center;
	align-items:center;
}
#llloading p{
	height: 40vh;
    width: 40vh;
    line-height: 1.25em;
    font-size: 40vh;
    color: #009877;
    animation: rot 2s linear infinite;
     vertical-align: middle; 
    text-align: center;
    white-space: nowrap;
    border-radius: 50%;
    overflow: hidden;
    display: block;
}*/

body.oh{overflow:hidden}

@media (max-width: 1600px) { 
	header{
		left:0%;
		margin-left:0px;
	}
	figure a { 	min-height: 30vw; }
	#album figure a{
		min-height: 14vw;
	}
}

@media (max-width: 992px) { 
	header {height:70px;}
	body{ background-size:100% 70px; padding-top:0px;}
	section{padding-top:51px;}
	#news{padding-top:70px}
	#album{	background-position-y:70px; padding-top: 53vw; }
	main { min-height:calc(100vh - 170px); }
	figure { min-width:100%; }
	figure a { min-height:60vw; }
	#news figure a { 
		min-height:25vw;
		background-size: cover;
	}
	figcaption{ width: calc(100% - 30px); font-size: 15pt; }
	#news figcaption.flx, #news figure:hover figcaption.flx{padding:0; width:89%;margin:0 5%;font-size:150%;}
	#album figcaption{font-size:8pt}
	#f ul li a {font-size:165%;}
	#f p { margin-top:25px;height:30px}
	ol li a{font-size:70%;}
	#a{width:180px;height:25px;background-size:180px;}
	#a, nav{margin: 0 5%}
	#album .flx { padding:10px 40px; }
	figure:nth-child(even) > a, figure:nth-child(odd) > a{ margin:5px 0; }
	#news article .flx, #news article h1{  padding: 10px 40px; }
	#album h1, #news h1, #news figcaption h2{width:100%}
	#scrolldown { top:13px;font-size:0; color:#000;}
	#scrolldown hr { width:65px; height:65px; background-size:65px; }

}

@media (max-width: 500px) {
	header {height:50px;}
	body{ background-size:100% 0px;padding:0px;}
	section{margin-top:0px;}
	#album .flx { padding:10px 15px; }
	#news{padding-top:50px;margin-bottom:100px;}
	main #news div {margin:0} 
	#news div blockquote{margin:5px 30px;}
	#album{	position:relative;background-position:left 50px; margin-bottom: 66px;}
	#album picture {margin:0;padding:0}
	figcaption{font-size:11pt}
	#album figcaption{font-size:6pt;top:0%;margin:5% auto;width:75%;white-space:pre-wrap}
	main { min-height: auto; position:relative; }
	#a{width:260px;height:25px;background-size:140px;}
	nav ol li a:before {display:none}
	nav ol {display:block;background:#fff;width:100%;height:0%;position:fixed;left:0;top:50px;z-index:101;overflow:hidden;}
	nav ol li{ padding:2px 0px;display:block;height:auto;}
	nav ol li a {overflow:hidden;text-indent:-50%;padding:5% 0;width:0%;color:black;font-size:300%;font-weight:bolder;line-height:200%;height:100%;display:block;vertical-align:bottom;text-align:left;}
	nav.open ol li a{width:90%;padding:5%;text-indent:0;}
	#f { height:70px;line-height:1.1em}
	#f p { margin-top:0px;line-height:1.5em;font-size:50%}
	#f ul { padding:0;margin:0px auto 10px auto}
	#f ul li a {font-size:140%;}
	#f ul li {padding:0px 2%}
	#f small{font-size:80%}
	ol li a:before{left:10px}
	#album blockquote{min-width:90%;}
	#news h1:after{width:0}
	#news h1, #albums h1 {height:40px;max-width:97%;font-size:135%;margin:5px}
	#news .flx > blockquote{min-width:98%;margin:5px }
	#news .flx { flex-wrap: wrap; }
	#soc{min-width:330px;left:0px;margin-left:0}
	.yrs article {min-width:100%}
	#mf{left:1px; margin-left:0px; bottom: 58px;}
	#news article .flx, #news article h1{  padding: 5px 20px; }
	.share{left:0}
	.share .soc.c {
    left: -65%;
    top: -54px;
    margin-left: auto;
	}
	.share:hover .soc.c{
    transform: scale(0.78); }
	.cp{white-space:normal}
	#scrolldown hr{width:40px;height:40px;background-size:40px}

	/*figure a { min-height:25vh; }*/

	nav {
	  margin:0;
	  background: linear-gradient(115deg, #000 23%, #fff 24%) 100px / 100% no-repeat;
	  padding:16px 16px 16px 40px;
	  width: 30px;
	  height: 18px;
	 }

	nav.open { background: linear-gradient(115deg, #000 23%, #fff 24%) 0 / 100% no-repeat; }
	nav.open ol { height:100%; }

	#navi {
	  width:30px;
	  height:18px;
	  position: relative;
	  margin: 0px auto;
	  cursor: pointer;
	}

	#navi span:nth-child(-n+4) {
	  display: inline-block;
	  position: absolute;
	  height: 3px;
	  width: 90%;
	  background: #fff;
	  border-radius: 1px;
	  opacity: 1;
	  left: 0;
	  -webkit-transform: rotate(0deg);
	  -moz-transform: rotate(0deg);
	  -o-transform: rotate(0deg);
	  transform: rotate(0deg);
	  -webkit-transition: .25s ease-in-out;
	  -moz-transition: .25s ease-in-out;
	  -o-transition: .25s ease-in-out;
	  transition: .25s ease-in-out;
	}
		
	#navi span:nth-child(1) { top: 0px; }
	#navi span:nth-child(2), #navi span:nth-child(3) {  top: 8px; }
	#navi span:nth-child(4) { top: 16px; }
	.open > #navi span { background:#009877; }

	.open > #navi span:nth-child(3n+1){
	  top: 8px;
	  opacity: 0;
	}

	.open > #navi span:nth-child(2) {
	  -webkit-transform: rotate(45deg);
	  -moz-transform: rotate(45deg);
	  -o-transform: rotate(45deg);
	  transform: rotate(45deg);
	}

	.open > #navi span:nth-child(3) {
	  -webkit-transform: rotate(-45deg);
	  -moz-transform: rotate(-45deg);
	  -o-transform: rotate(-45deg);
	  transform: rotate(-45deg);
	}

}

@media (max-width: 1024px) and (orientation: landscape) {
	#album {
		background-size: 100%;
		background-position: 0 50px;
		padding-top:25%;
	}
}


@media only screen
and (min-width: 480px)
and (max-height: 640px)
and (orientation: landscape) {
	#f   { position: relative; }
	body { padding-bottom:0; }
}