header {
     width: 100%;
     display: flex;
     flex-direction: row;
     justify-content: space-between;

     :nth-child(1) {
          padding-top: 20px;
     }

     :nth-child(2) {
          padding-top: 20px;
          text-align: right;
          width: 35%;
     }

     img {
          max-width: 100%;
     }
}

.breadcrumb {
     width: 100%;
     display: flex;
     flex-direction: row;
     justify-content: space-between;
     margin-bottom: 90px;
     border-top: #CED4DA 2px solid;
     padding-top: 8px;
     font-weight: 500;

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

     a:hover {
          color: #9B1818;
          text-decoration: underline;
     }

     img {
          max-width: 30px;
          height: 30px;
          cursor: pointer;
     }

     img:hover {
          opacity: 0.6;
     }
}

footer {
     background-color: #DEE2E6;
     text-align: center;
     padding-top: 80px;
     padding-bottom: 80px;
     margin-top: 70px;
     border-top: #ADB5BD 1px solid;
     border-left: #ADB5BD 1px solid;
     border-right: #ADB5BD 1px solid;

     p {
          margin-bottom: 40px;
     }

     div {
          display: inline-block;
          padding-left: 5px;
     }

     img {
          max-width: 30px;
          height: auto;
          cursor: pointer;
     }

     img:hover {
          opacity: 0.6;
     }
}

footer img {
     width: 30px;
     height: auto;
     cursor: pointer;
}

footer img:hover {
     opacity: 0.6;
}

footer p {
     margin-bottom: 40px;
}

footer div {
     display: inline-block;
     padding-left: 5px;
}

blockquote {
     border-left: 3px solid #DEE2E6;
     padding-left: 20px;
     font-style: italic;
     display: block;
     margin-left: auto;
}

.boxPagineInterne {
     border: 1px #CED4DA solid;
     padding: 15px;
     background-color: #F8F9FA;
     font-size: 95%;
}

h1 {
     font-family: 'Merriweather', Georgia, serif;
}

.indexes {
     .linkIndex {
          display: block;
          text-decoration: none;
          padding-bottom: 20px;
          padding-top: 20px;
          border-bottom: 1px #CED4DA solid;
     }

     .titoloAttivo {
          font-size: 30px;
          margin-bottom: 50px;
          color: #495057;
     }

     .titoloLink {
          font-size: 28px;

     }

     #parent {
          display: flex;
          flex-direction: column-reverse;
     }
}

.boxIndiciGenerali {
     border: 1px #ADB5BD solid;
     padding: 10px;
     background-color: #f1f1f1;
     margin-bottom: 30px;
     
}

.indici-Commissioni h1 {
          font-weight: 500;
          font-size: 22px;
          margin-top: 50px;
          margin-bottom: 50px;
     }

.indici-Commissioni .titolo {
     margin-bottom: 20px;
}

.indici-Commissioni a {
     text-decoration: none;
}

.indici-Commissioni a:hover {
     text-decoration: underline;
}

@media screen and (max-width: 1200px) {
     body {
          width: 100%;
          padding-left: 25px;
          padding-right: 25px;
     }
}

@media screen and (orientation: portrait) {
     body {
          width: 100%;
          padding-left: 25px;
          padding-right: 25px;
     }

     header {
          display: block;
          width: 100%;

          :nth-child(2) {
               width: 100%;
               text-align: left;
          }

          span {
               font-style: italic;
          }
     }

     .breadcrumb {
          width: 100%;
          display: block;
          margin-top: 20px;

          img {
               margin-top: 20px;
          }
     }

     main {
          width: 100%;
     }

     section {
          width: 100%;

          div {
               width: 100%;
          }

          img {
               max-width: 100%;
               margin-top: 20px;
               margin-bottom: 20px;
          }
     }

     .mobileCenter {
          text-align: center;
     }

}