body {
  overflow-x: hidden;
  font-family: "Source Sans Pro";
  color: #3f3f3f;
}

::selection {
  background: #E64F26;
  color:white;
}

.form-control {
  border-radius:0;
}

.form-control:focus {
    border-color: #6f6f6f;
    box-shadow: 0 0 0 0.25rem #6f6f6f;
}

a {
  color:inherit;
  text-decoration:none;
}

.table-bordered>:not(caption)>*>* {
    border-width: 1px;
}

.data-value {
    border-bottom:1px solid grey;
}

.center-block {
  margin:auto;
}

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

#logo_desktop, #logo_mobile, #logo_footer {
  height:70px;
  width:auto;
}

#header_desktop {
  padding-top:30px;
  padding-left: 80px;
  padding-right: 80px;
  padding-bottom:30px;
}

#footer {
  padding-top:30px;
}

#header_mobile {
  padding:30px 15px;
}

.link_header_desktop {
  padding: 0 12px;
  color: #6f6f6f !important;
  text-decoration:none;
}

.link_header_mobile {
  padding: 3px 0;
  color: #6f6f6f !important;
  text-decoration:none;
  font-size:30px;
}

.link_header_desktop:hover {
  font-weight:bold;
  color: #3f3f3f !important;
}

#hamburger {
  width:fit-content;
  cursor:pointer;
}

.social_logo {
  width:30px;
  height:30px;
}

.social {
  margin:8px;
  text-decoration: none;
}

.link_mail {
  color: #6f6f6f;
  text-decoration: none;
}

.link_mail:hover {
  color: #3f3f3f;
  text-decoration: none;
  font-weight:bold;
}

.opacita_sopra_immagine {
  position:absolute;
  top:0;
  left:0;
  bottom:0;
  right:0;
  display:none;
  background-color:white;
  opacity: 0.5;
}

.titolo_sopra_immagine {
  position:absolute;
  top:45%;
  left:0;
  bottom:0;
  right:0;
  cursor:pointer;
  display:none;
}

.immagine_opera {
  display: inline-block;
  overflow: hidden;
}
.immagine_opera img {
  display: block;
  transition: transform .7s;
}
.immagine_opera:hover img {
  transform: scale(1.1);
  transform-origin: 50% 50%;
  filter: blur(8px);
  -webkit-filter: blur(8px);
}

.logo_data {
  color: #6f6f6f;
  margin-bottom: 3px;
}

#descrizione_opera p {
  margin-bottom:3px;
}

.commissionato_da {
  background-color: #E64F26;
  color:white;
  padding:2px 7px;
}

.share-btn > a {
    padding: 5px;
    font-size: 14px;
    font-family: Verdana, Arial;
}

.share-btn > a:hover {
    cursor: pointer;
    color:#E64F26;
}

@media screen and (max-width: 600px) {

  #header_desktop, #footer_desktop, .desktop {
    display: none;
  }

  #header_mobile, #footer_mobile, #margin_immagine_descrizione, .mobile {
    display: block;
  }

  #content_page {
    padding:30px 15px;
  }

  #about_text {
    padding:60px;
  }

}

@media screen and (min-width: 600px) {

  #header_desktop, #footer_desktop, .desktop {
    display: block;
  }

  #header_mobile, #footer_mobile, #margin_immagine_descrizione, .mobile {
    display: none;
  }

  #content_page {
    padding:30px 45px;
  }

  #about_text {
    padding:30px;
    padding-top:100px;
  }

}