@font-face {
    font-family: 'the_pyte_foundry_-kink_a';
    src: url('../font/thepytefoundry--kinka-webfont.woff2') format('woff2'),
         url('../font/thepytefoundry--kinka-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'the_pyte_foundry_-kink_b';
    src: url('../font/thepytefoundry--kinkb-webfont.woff2') format('woff2'),
         url('../font/thepytefoundry--kinkb-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'sporting_grotesquebold';
    src: url('../font/sportinggrotesque-bold-webfont.woff2') format('woff2'),
         url('../font/sportinggrotesque-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'sporting_grotesqueregular';
    src: url('../font/sportinggrotesque-regular-webfont.woff2') format('woff2'),
         url('../font/sportinggrotesque-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
::selection {
  background: #db6c39; /* WebKit/Blink Browsers */
  color:#dcd3cb;
}
::-moz-selection {
  background: #db6c39; /* Gecko Browsers */
  color:#dcd3cb;
}

.fit-text {font-size: 7vw;line-height: 5.5vw;margin:0;}
.fit-text2 {font-size: 5.5vw;line-height: 3.5vw;margin:0;}
label.a {font-family: 'the_pyte_foundry_-kink_a';margin:0;cursor: pointer;}
label.b {font-family: 'the_pyte_foundry_-kink_b';margin:0;cursor: pointer;}
label.a:hover {font-family: 'the_pyte_foundry_-kink_b';margin:0;}
label.b:hover {font-family: 'the_pyte_foundry_-kink_a';margin:0;}

.page-info {font-size:1.3rem; line-height:1.5;}
.page-info label.a {cursor: default;}
.page-info label.b {cursor: default;}
.page-info label.a:hover {font-family: 'the_pyte_foundry_-kink_a';margin:0;}
.page-info label.b:hover {font-family: 'the_pyte_foundry_-kink_b';margin:0;}

.overlay label {font-size: 10vw;line-height: 9.5vw;margin:0;}

b {font-family: 'sporting_grotesquebold';}

body {
		background-color: #dcd3cb;
		font-family: 'sporting_grotesqueregular', 'Roboto', sans-serif;
		color:#db6c39;
		font-size:1.5rem;
		line-height:1.8;
	}
	header {background-color: #FFF;/*margin-top: 60px; margin-bottom: 60px;min-height:140px;*/z-index:1050!important;}
	header {padding:20px;font-size:1.2rem;}
	header div.row {width:100%;}
	section{padding:40px 0;}
	
	a {text-decoration:none;color:#db6c39;transition: opacity .25s ease;}
	a:hover, a:focus {text-decoration:none;color:#db6c39;opacity: .7;}
	
.flip_H{ -moz-transform: scale(-1, 1);
-webkit-transform: scale(-1, 1);
-o-transform: scale(-1, 1);
-ms-transform: scale(-1, 1);
transform: scale(-1, 1); }

#logo_biennale{ position:fixed;right:40px;top:22px;width:200px;/*transform: scale(1);transition: transform 0.4s, opacity 0.4s;*/ }
.hidelogo { opacity: 0;/*transform: scale(0.9);transition: transform 0.2s, opacity 0.2s, visibility 0s 0.2s;*/ }
.button_container {
	position: relative;
	top: 1px;
	left: 0px;
	height: auto;
	width: 100%;
	cursor: pointer;
	z-index: 100;
	font-weight:700;
	transition: opacity .25s ease;
	background-color: transparent;
	font-size:1.2rem;
}

.button_container:hover {
	opacity: .7;
}

.overlay {
  position: fixed;
  background-color: #dcd3cb;
  top: 0; left: 0; right: 0; bottom: 0;
  width: 100vw;
  /*min-height: 100%;*/
  opacity: 0;
  visibility: hidden;
  /*transition: opacity .35s, visibility .35s, height .35s;
  
  transform: scale(0.9);*/
  /*transition: transform 0.2s, opacity 0.2s, visibility 0s 0.2s;
  overflow: hidden;
  */
  display: table;
  font-size: 1.1rem;
  overflow-y: scroll;
  /*padding-top: 12%;*/
  
  /*transition: .25s cubic-bezier(.075,.82,.165,1);*/
  transition: opacity .15s, visibility .15s;
  
}
.overlay.open {
  width: 100%;
  opacity: 1;
  visibility: visible;
  /*height: 100%;*/
  z-index:1040;
  
  font-size: 1.2rem;
  font-family: 'sporting_grotesqueregular', 'Roboto', sans-serif;
  font-weight: 500;
  /*text-align: center;*/
  text-align:left;
  color:#FFF;
  
  /*transform: scale(1);	
  transition: transform 0.4s, opacity 0.4s;
  transition:height 200ms ease-in;
  min-height:100%;*/
  overflow-y: scroll;
}
.overlay-loghi {font-size: 0.8rem;}
.over-header {padding-left: calc(100% / 10);}
.over-left {padding-top:60px;padding-left: calc(100% / 10);}
.over-right {padding-top:60px;}
.txt-descr {margin-bottom:20px;}

#overlay-menu {color: #db6c39;}

.navbar {padding:20px;}
footer {padding:20px;font-size:1.2rem;background-color: #FFF;}

footer a {color:#000;text-decoration:underline;transition: all .4s ease;}
footer a:hover, footer a:focus {text-decoration:none;color:#000;}

.fixed-bottom {
    z-index: 1050;
}

.v-align  {
	text-align:center;
    width:100%;
    display:flex;
    align-items: center;
    justify-content: center;
}

#container-home {position: fixed;width: 110%;left: -50px;top: 40px;}

.text-dark {font-size: 1.2rem;line-height: 1.6;}
.press-link {color:#db6c39;font-size: 1rem;line-height: 1.4;}
.press-link a {color:#db6c39;}

em {color:#db6c39; font-style: normal;}

.page-info {background-color:#db6c39;color:#FFF;}
.page-info a {text-decoration:none;color:#FFF;transition: opacity .25s ease;}
.page-info a:hover, .page-info a:focus {text-decoration:none;color:#FFF;opacity: .7;}

.pd-content {margin:200px 0 120px;}

@media (max-width: 991.98px) {
	#container-home {
		width: 120%;
		left: -20px;
		top: 60px;
	}
	.fit-text {
		font-size: 8vw;
		line-height: 6vw;
	}
	.overlay label {
		font-size: 14vw;
		line-height: 12.5vw;
	}
	.over-left {padding-top: 200px;padding-bottom:100px;}
	.over-right {padding-top:100px;padding-left: calc(100% / 10);}
	.fit-text2 {
		font-size: 14vw;
		line-height: 12vw;
	}
}
/*
@media (max-width: 767.98px) { 
	#container-home {
		width: 200%;
		left: -60%;
		top: 60px;
	}
	.fit-text {
		font-size: 13vw;
		line-height: 10vw;
	}
	.over-header {padding-left: 30px;padding-top: 80px;}
	.over-left {padding-left: 30px;padding-top:40px;}
	.over-right {padding-left: 30px;padding-top:40px;}
	/*.overlay {padding-top: 200px;}* /
	.overlay label {
		font-size: 13vw;
		line-height: 12.5vw;
	}
}
*/
@media (max-width: 767.98px) {
	/*.over-menu{padding-top: 200px;}*/
	.pd-content {margin:140px 0 120px;}
}
@media (max-width: 575.98px) {
	#logo_biennale{ right:30px;top:22px;max-width:200px;width:40%;/*transform: scale(1);transition: transform 0.4s, opacity 0.4s;*/ }
	.overlay, .overlay.open {
		font-size: .9rem;
	}
	.button_container {
		font-size:.9rem;
	}
	/*.over-header {padding-top:80px;margin-bottom:20px;}*/
	/*.over-left {padding-top:0px;}*/
	footer {font-size:.9rem;}
	#container-home {
		width: 250%;
		left: -74%;
		top: 30px;
	}
	.fit-text {
		font-size: 16vw;
		line-height: 12vw;
	}
}