@charset "UTF-8";
html {
  font-size: 0.625em;
  height: 100%; }

body {
  background-image: url("/img/opere/vito-lolli-op0451-deposizione.jpg");
  /*background-image: url("/img/opere/cr-cro-dali-x.jpg");*/
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  font-size: 1.6rem;
  height: 100%; }

#overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.75);
  z-index: -1; }

h1 {
  font-size: 3.6rem;
  line-height: 1.6;
  text-align: center;
  color: #d1ae70; }

#sfondo {
  background-color: #2D3A4B;
  /*background-color: rgb(5, 40, 41);*/
  margin: 8rem auto 0;
  width: 60%;
  max-width: 64rem; }

#thickness::after {
  display: table;
  content: " ";
  clear: both; }

#sfondo_titolo {
  width: 100%;
  /* il titolo è largo quanto la fascia di sfondo e spostato del 6.25% sulla destra*/
  margin: 8rem 0 24rem 6.25%;
  background-color: rgba(94, 110, 124, 0.96); }

#sfondo_contatti {
  width: 100%;
  margin: 8rem 0 16rem -12.5%;
  padding-left: 15%;
  background-color: rgba(109, 11, 12, 0.9);
  /*background-color: rgba(94,110,124, $trasparenza);*/ }

#sfondo_about {
  width: 100%;
  margin: 16rem 0 8rem 6.25%;
  background-color: rgba(94, 110, 124, 0.96);
  text-align: right; }
  #sfondo_about hr {
    margin: 2rem 0 2rem 50%; }

#sfondo_artisti {
  background-color: rgba(188, 57, 64, 0.96);
  height: 56rem; }
  #sfondo_artisti #testo_artisti {
    z-index: 3;
    width: 80%;
    padding-right: 12%;
    top: 18rem;
    height: 36rem; }
    @media only screen and (min-width: 481px) {
      #sfondo_artisti #testo_artisti {
        width: 60%; } }
  #sfondo_artisti #foto_artisti {
    width: 45%;
    z-index: 4;
    top: -2rem;
    right: 2rem; }

#sfondo_opere {
  background-color: rgba(114, 39, 115, 0.96);
  height: 56rem; }
  #sfondo_opere #testo_opere {
    z-index: 3;
    width: 80%;
    top: 16rem;
    right: 6rem;
    height: 36rem;
    text-align: right; }
    @media only screen and (min-width: 481px) {
      #sfondo_opere #testo_opere {
        width: 45%; } }
    #sfondo_opere #testo_opere hr {
      margin: 2rem 0 2rem 50%; }
  #sfondo_opere #foto_opere {
    width: 55%;
    z-index: 4;
    top: -4rem;
    left: -2rem; }
    @media only screen and (min-width: 481px) {
      #sfondo_opere #foto_opere {
        z-index: 2; } }

#sfondo_mappe {
  background-color: rgba(217, 179, 71, 0.96);
  height: 56rem; }
  #sfondo_mappe #testo_mappe {
    z-index: 3;
    width: 50%;
    top: 12rem;
    height: 30rem; }
  #sfondo_mappe #foto_mappe {
    width: 60%;
    z-index: 2;
    top: 8rem;
    right: -2rem; }
    @media only screen and (min-width: 481px) {
      #sfondo_mappe #foto_mappe {
        width: 45%;
        right: 4rem; } }

div[id^="sfondo_"] {
  width: 150%;
  margin: 0 auto 24rem;
  margin-left: -25%;
  padding: 8.333%;
  position: relative;
  -webkit-box-shadow: 8px 32px 32px 0px rgba(0, 0, 0, 0.64);
  -moz-box-shadow: 8px 32px 32px 0px rgba(0, 0, 0, 0.64);
  box-shadow: 8px 32px 32px 0px rgba(0, 0, 0, 0.64); }
  div[id^="sfondo_"]::after {
    display: table;
    content: " ";
    clear: both; }

div[id^="testo_"] {
  position: absolute;
  float: left;
  padding: 4.8rem;
  /*background-color: rgba(94,110,124, $trasparenza);*/
  background-color: rgba(109, 11, 12, 0.9);
  -webkit-box-shadow: 0px 32px 64px 0px rgba(0, 0, 0, 0.64);
  -moz-box-shadow: 0px 32px 64px 0px rgba(0, 0, 0, 0.64);
  box-shadow: 0px 32px 64px 0px rgba(0, 0, 0, 0.64); }

img[id^="foto_"] {
  position: absolute;
  float: right;
  -webkit-box-shadow: 0px 32px 64px 0px rgba(0, 0, 0, 0.64);
  -moz-box-shadow: 0px 32px 64px 0px rgba(0, 0, 0, 0.64);
  box-shadow: 0px 32px 64px 0px rgba(0, 0, 0, 0.64); }

h2 {
  font-size: 3.2rem; }

p, li {
  line-height: 1.6;
  font-size: 2rem;
  color: white; }

ul {
  list-style-type: square; }
  ul li span.fa {
    font-size: 1.2rem;
    padding-right: 1rem;
    color: #d16b4b; }

hr {
  width: 50%;
  margin: 2rem 0 2rem 0; }

/*# sourceMappingURL=home.css.map */