@font-face {
  font-family: "Adobe Jenson Pro";
  src: url(fonts/AJensonPro-Regular.otf);
  /*font-weight: normal;*/
}

@font-face {
  font-family: "Adobe Jenson Pro Capt";
  src: url(fonts/AJensonPro-Capt.otf);
  /*font-weight: normal;*/
}

@font-face {
  font-family: "Adobe Jenson Pro Semibold Display";
  src: url(fonts/AJensonPro-SemiboldDisp.otf);
  font-weight: normal;
}

@font-face {
  font-family: "Adobe Jenson Pro Semibold Display";
  src: url(fonts/AJensonPro-SemiboldItDisp.otf);
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "Adobe Jenson Pro Semibold Display";
  src: url(fonts/AJensonPro-LtDisp.otf);
  font-weight: 300;
}
@font-face {
  font-family: "Adobe Jenson Pro Semibold Display";
  src: url(fonts/AJensonPro-LtItDisp.otf);
  font-weight: 300;
  font-style: italic;
}


@font-face {
  font-family: "Spira Proto-Roman 110R";
  src: url(fonts/spira-proto-roman-110r.otf);
}


html,body {
  background: #f9f9f5;
  color: #7B0D14;
  font-family: "Spira Proto-Roman 110R";
  font-size:30px;
}

.img-responsive {max-width:100%;}

header {
  text-align: center;
}
header h1 {
  font-family: "Adobe Jenson Pro Semibold Display";
  font-weight: normal;
  text-transform: uppercase;
  font-size:2.2rem;
  margin: 0.25em;
  margin-top: 1rem;
}
header p {
  border-top: 1px solid;
  border-bottom: 1px solid;
  font-family: "Adobe Jenson Pro";
  font-weight: normal;
  font-size:1.5rem;
}

.section-because-venice h2 {
  font-weight:normal;
  font-size: 2.3rem;
  text-align: center;
  line-height: 1.2;
  margin:0.5em;
  margin-top: 1.25rem;
}
.section-because-venice h3 {
  font-family: "Adobe Jenson Pro Semibold Display";
  font-weight:normal;
  font-size: 1.3333rem;
  text-align: center;
  line-height: 1.2;
  font-style: italic;
  margin-bottom: 1.25rem;
}

.section-accoglienza {overflow:hidden;}
.section-accoglienza h2 {
  font-size: 2.5rem;
  font-weight:normal;
  text-align: center;
  line-height: 1.2;
  margin: 0.25em 0 0.5em;
}

.spaced-paragraph {
  font-family: "Adobe Jenson Pro Capt";
  font-size: 1rem;
  margin-left:50%;
  position:relative;
  margin-top: 1em;
  margin-bottom: 2em;
  line-height: 1.2666;
}
.spaced-paragraph-alt {
  font-family: "Adobe Jenson Pro Capt";
  font-size: 1.3333rem;
  margin-left:25%;
  margin-top: 1em;
  margin-bottom: 1em;
}
.section-accoglienza p .first-letter {
  font-family: "Adobe Jenson Pro Semibold Display";
  font-size: 6.666rem;
  font-weight: 300;
  position: absolute;
  left:-0.8em;
  line-height: 0.85;
  width:0.7em;
  text-align:right;
}

.section-accoglienza h2 small{
  font-size: 1.533rem;:  
}

.section-welcome {
  text-align:center;
  border-top: 1px solid;
  border-bottom: 1px solid;
  line-height: 1;
}
.section-welcome .inner {
  font-family: "Adobe Jenson Pro Semibold Display";
  font-size: 2.333rem;
  font-weight: 300;
  text-transform: uppercase;
  max-width: 1400px;
  margin: 0.5em auto 0;
}
.section-welcome .box {
  margin-top: -3em;
  display: inline-block;
  padding:1em;
  border: 1px solid;
  position: relative;
  bottom: -1.75em;
  background: #f9f9f5;
  font-size: 1.3333rem;
}

footer {
  text-align: center;
  font-size: 0.75rem;
  margin: 4.8em 0 1.5em;
  font-family: "Adobe Jenson Pro Capt";
  font-weight: bold;
}
footer small {font-weight: normal; font-family: "Spira Proto-Roman 110R";}

.decorazione {position:relative;}
.decorazione img {
  position: absolute;
  z-index: 0;
  left:-550px;
  top: 40px;
}
a, a:hover {color: inherit;}
.btn-expand {
  display:block;
  margin-top: 1em;
  font-style:italic;
  
}
.btn-expand::before{
  content: "＋ ";
  font-style:normal;
}
.expandable p:first-child { margin-top:0;}

@media (max-width:1200px) {
  html,body { font-size: 24px}
  header p {font-size:1.5em;}
}

@media (max-width:991px) {
  html,body { font-size: 20px}
  .spaced-paragraph {margin-left:5em; }
  .spaced-paragraph-alt {margin-left:0; }
  .section-welcome .inner{font-size:1.8rem; margin-top:1rem;}
  .section-because-venice h2 { font-size: 2rem;}
  header p {font-size:1.6em}
}

@media (max-width:767px) { 
  .section-because-venice h2 { font-size: 1.5rem;}
  header p {font-size:1.4em}
}
@media (max-width:480px) {
  html,body { font-size: 14px; }
  .spaced-paragraph {margin-left:10%; }
  .section-accoglienza p .first-letter {position: static; float:left; width: auto; display:inline; line-height: 0.5; text-align:left;margin-right:3px;} 
  .section-welcome .inner{font-size:1.25rem; margin-top:1rem;}
}