header{
  padding: 14px 2%;
  /* padding:auto; */
  transition: .2s;
}

nav.mainNav{
  display:none;
}

.mobileNav{
  display: none;
  flex-direction: column;
  padding:auto;
}

#firma {
  display:none;
}

#logo{
  display:flex;
  justify-content: space-around;
}

#logo > img{
  width:6em;
  padding:auto; 
}

#logo > a > img{
  display:block;
  width:6em;
  padding:auto; 
}

#logo > a  {
  /* font-size: 0em; */
  margin: 0;
  padding: 0;
}


main{
  margin-top: auto;
}

.containerOpere{
  display: flex;
  flex-direction: column;
}

.containerGalleria{
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  width: 100%;
  height: max-content;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

div.containerListaOpere{/*DA MODIFICARE*/
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  width: 100%;
  height: max-content;
  justify-content: space-around;
  background-color: var(--BgSidebar);
}

div.opera a img{
  max-width: 100%;
  max-height: 100%;
}

.containerOperaSingola #titolo-opera{
  font-size: 3em;
}

.containerOperaSingola p{
  font-size:2em;
}
.containerOperaSingola{
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}

.containerOperaSingola .right{
  max-width:1600px;
}


div.articolo > h3 {
  font-size: 4em;
  padding-bottom:1em;
}

div.articolo > h6 {
  font-size: 2em;
}

div.articolo > p { 
  font-size: 3em;
  line-height: 1.3em;
}


/*sidebar*/

.mainNav{
  display:none;
}

#mostra{
  display:block;
}

.sidebar{
    position:fixed;
    top: 0;
    right: 0;
    height: 100vh;
    z-index: 999;
    background: var(--BgSidebar);
    backdrop-filter: blur(1em); /*effetto blur su firefox ed edge*/
    -webkit-backdrop-filter: blur(1rem); /*effetto blur su safari altrimenti non funziona*/
    box-shadow: -10px 0 10px rgba(0, 0, 0, 0.5);
    display:none;
    text-align: center;
    flex-direction: column;
    justify-content: space-around;
    list-style: none;
}
  
.sidebar li {
    width: 100%;
    list-style: none;
}
  
.sidebar a {
    width: 100%;
    font-size: 4em;
    display: inline-block;
    color: var(--linkColor);
    
}

.sidebar a:hover{
    color:var(--visitedLinkColor);
}


.sidebar .cliccato{
    color: var(--visitedLinkColor);
    font-size: 4em;
    width: 100%;
    display: inline-block;
}
/*fine sidebar*/