@font-face {
    font-family: 'neuehaas';
    src: url('font/neuehaasdisplayblack-webfont.woff2') format('woff2'),
         url('font/neuehaasdisplayblack-webfont.woff') format('woff');
    font-weight: 900;
    font-style: normal;
	font-display: swap;
}
@font-face {
    font-family: 'neuehaas';
    src: url('font/neuehaasdisplaybold-webfont.woff2') format('woff2'),
         url('font/neuehaasdisplaybold-webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;
	font-display: swap;
}
@font-face {
    font-family: 'neuehaas';
    src: url('font/neuehaasdisplaylight-webfont.woff2') format('woff2'),
         url('font/neuehaasdisplaylight-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}
@font-face {
    font-family: 'neuehaas';
    src: url('font/neuehaasdisplaymediu-webfont.woff2') format('woff2'),
         url('font/neuehaasdisplaymediu-webfont.woff') format('woff');
    font-weight: 600;
    font-style: normal;
	font-display: swap;
}
p,small{margin-top:0;margin-bottom:2.5em;}
small{display: block;max-width: 16.5em;}
body {
	color: #030000;
	background-color: #ffffff;
	font-family: 'neuehaas', Arial, sans-serif;
	font-size: 100%;
	min-height:100%;
	background-image:url(../img/archiviociniboeri_bg.jpg);
	margin: 0 !important;
	padding: 0 !important;
	background-repeat: repeat;
}
body .sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0);
  border: 0 !important;
}
body a:hover,body a:focus{color:#e73e1f !important;}
img{max-width:100%;}
#page{
    /* Opera Mobile */
    background: -o-linear-gradient(left, #e83e1e 1px, rgba(255,255,255,0) 1px);
    /* Firefox for Android */
    background: -moz-linear-gradient(left, #e83e1e 1px, rgba(255,255,255,0) 1px);
    /* WebKit browsers */
    background: -webkit-linear-gradient(left, #e83e1e 1px, rgba(255,255,255,0) 1px);
    /* IE10, Firefox, Opera */
    background: linear-gradient(90deg, #e83e1e 1px, rgba(255,255,255,0) 1px);
    background-position: calc(50% - 6em);
    background-repeat: repeat;
	background-size: 15em;
}
.textual,small{
	-ms-word-break: break-all;
	word-break: break-all;

	word-break: break-word;

	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;

	-webkit-hyphenate-before: 2;
	-webkit-hyphenate-after: 3;
	hyphenate-lines: 3;
	text-align: justify;
}
.textual {
	max-width: 30.2em;
    font-weight: 600;
}
.oldsitelink{color:#030000;font-weight:600;margin-bottom:1.4em;display: inline-block;max-width:22em;font-size:1.1em;}
a.oldsitelink:hover,a.oldsitelink:focus{color:#e73e1f;}
.photo{border:0.5em solid #fff;height:auto;margin-bottom:1.5em;width:12em;box-sizing: border-box;}

h2{text-transform:uppercase;font-weight:900;position:relative;font-size:61px;line-height:0.85;margin:0;text-align:left;}
h2 img{position:absolute;bottom:0;left: 7.15em;height:auto;width:3.4em;}
.clear{clear:both;line-height:0;height:0;overflow:hidden;}
.staytuned {font-weight:700; font-size: 19.5px;margin-top: 0.4em;margin-bottom:0 !important;}
ul.contacts{list-style: none;font-weight:600;margin:0 0 -2.2em 385px;padding:1.6em 0 0 3em;font-size:16.5px;background-repeat: no-repeat;background-size:2.7em auto;background-position:top left;background-image:url(../img/arrow.png);}
ul.contacts a {color:#030000;text-decoration: none;}
ul.contacts a:hover,ul.contacts a:focus{color:#e73e1f;}
@media (min-width:992px){
	#page{min-height:100vh;display:block;position:relative;}
	.col{min-height:100vh;display:inline-block;width:50%;position:relative;float:left;}
	.col1{text-align:right;}
	.col1 .container{display:block;position:relative;text-align:left;max-width:700px;margin:0 0 0 auto;padding:3%;box-sizing:border-box;}
	.col2{background-repeat:no-repeat;background-size:cover;background-position:center center;background-image:url(../img/archiviociniboeri_sidelogo.jpg);position:fixed;top:0;bottom:0;right:0;}
	.col2 img {display:none !important;}
}

@media (max-width:1400px){
	h2{font-size: 4.37vw;}
	.staytuned {font-size:1.39vw;}
	ul.contacts{font-size:1.19vw;margin-left:27.5vw}
}
@media (max-width:991px){
	img{width:100%;height:auto;margin:0;}
	body {background-size:40%;}
	.col1 .container{max-width:100%;padding:4%;text-align:center;}
	.subcontainer {margin:auto;display: inline-block;position:relative;text-align: left;}
	  h2 {font-size: 8.74vw; }
	#page{background-position: 0.5em;}
	.staytuned {font-size:2.8vw;}
	ul.contacts{font-size:2.4vw;margin:0 0 1.5em 0;}
	.col2 img {height:auto;width:100%;}
}
@media (min-width:680px) and (max-width:991px){
	ul.contacts{margin-left:55.5vw}
}
@media (max-width:580px){
	.staytuned {font-size:18px;}
	ul.contacts{font-size:17px;margin:0 0 1.5em 0;}
	.textual.copyrights{font-size:0.86em;}
}