/* -------------------------------------------------------------------------------- */
/* ! Base */
/* -------------------------------------------------------------------------------- */
/* Tavolozza */
:root {
    --primary: #9EA9B8;
    --secondary: #244865;
    --accent: #AF1618;
    --light: #f9f8fa;
    --dark: #1b1b1c;
    background-color: var(--light);
  }
  

  
  /* Reset */
  * {
    margin: 0;
    padding: 0;
  }
  

  a {
    text-decoration: none;
  }

  a:hover {
    cursor: pointer;
  }


  li {
    list-style-type: none;
  }
  
  /* Tipografia */
  /* body {
    font-family: 'IBM Plex Sans', sans-serif;
    color: var(--dark);
  } */

  h1 {
    font-family: 'IBM Plex Sans Condensed', sans-serif;
    font-size: 55px;
    color: #1b1b1c;
  }

  h2 {
    font-family: 'IBM Plex Sans', sans-serif;
    font-size: 35px;
  }
  
  .italic {
    font-style: italic;
  }

  .bold {
    font-weight: bold;
  }

/* -------------------------------------------------------------------------------- */
/* ! Progetti */
/* -------------------------------------------------------------------------------- */

/* .row {
    display: flex;
    flex-wrap: wrap;
    margin: 10px;
  }
  .row .column {
    flex: 10%;
    padding: 50px;
    height: 100%;
  }
  
  .row .column img{
    border-color: var(--dark);
    margin: 15px 15px 15px 15px;
    width: 100%;
    height: 100%;
    filter: grayscale(1);
    transition: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  }
  
  .colum .centred {
    justify-content: center;
  }
  
  .row .column img:hover{
    filter: grayscale(0) brightness(1); 
      } */



      .titoli {
        font-family: 'IBM Plex Sans Condensed', sans-serif;
        font-size: 70px;
        color: var(--dark);
        margin: 0px 100px 65px 65px;
      }
      
      .txtflo,
      .txttal,
      .txtnos,
      .txtele1,
      .txtele2,
      .txtaim {
        font-size: 1.4em;
        font-weight: 400;
        line-height: 1.6em;
        margin: 0px 13.5em 1em 65px;
        font-family: 'IBM Plex Mono', sans-serif;
      }

      .txtnos {
        text-align: justify;
      }

      .txtaim,
      .txtele1,
      .txtnos {
        margin: 0px 65px 1em 65px;
      }

      .txtflo2 {
        font-size: 1.4em;
        font-weight: 400;
        line-height: 1.6em;
        margin: 0px 65px 1em 65px;
        font-family: 'IBM Plex Mono', sans-serif;
      }
      
      .row {
        display: flex;
        flex-wrap: wrap;
        margin: 8px;
      }
      
      .row .column {
        flex: 10%;
        padding: 50px;
        height: 100%;
      }
      
      .row .column img{
        margin: 15px 15px 15px 15px;
        width: 100%;
        height: 100%;
      }


      .txtele1 {
        margin-bottom: 5em;
      }



      .pianta {
        width: 60vw; 
        float: right;
        display: inline;
        clear: both;
        padding: 30px;
      }

      .museo1{
        margin-bottom: 300px;
      }
/* -------------------------------------------------------------------------------- */
/* ! Media query big */
/* -------------------------------------------------------------------------------- */

@media (max-width: 1200px) and (min-width: 1021px) {




  .txtnos {
    text-align: justify;
  }
  .pianta {
    width: 90vw; 
    display: inline;
    clear: both;
    padding: 50px;
  }




}

/* -------------------------------------------------------------------------------- */
/* ! Media query large */
/* -------------------------------------------------------------------------------- */

@media (max-width: 1020px) and (min-width: 769px) {

/* Floating Tales */
.titoli {
  font-family: 'IBM Plex Sans Condensed', sans-serif;
  font-size: 65px;
  color: var(--dark);
  margin: 0px 100px 65px 65px;
}

.txtflo,
.txttal,
.txtnos,
.txtele1,
.txtele2,
.txtaim {
  font-size: 1.4em;
  font-weight: 400;
  line-height: 1.6em;
  margin: 0px 10em 1em 65px;
  font-family: 'IBM Plex Mono', sans-serif;
}

.txtaim,
.txtele1,
.txtnos {
  margin: 0px 65px 1em 65px;
}
.txtnos {
  text-align: justify;
}
.txtflo2 {
  font-size: 1.4em;
  font-weight: 400;
  line-height: 1.6em;
  margin: 0px 65px 1em 65px;
  font-family: 'IBM Plex Mono', sans-serif;
}


.row {
  display: flex;
  flex-wrap: wrap;
  margin: 8px;
}

.row .column {
  flex: 10%;
  padding: 50px;
  height: 100%;
}

.row .column img{
  margin: 15px 15px 15px 15px;
  width: 100%;
  height: 100%;
}

.txtele1 {
  margin-bottom: 6em;
}

.txtnos {
  text-align: justify;
}
.pianta {
  width: 90vw; 
  display: inline;
  clear: both;
  padding: 50px;
}


}







/* -------------------------------------------------------------------------------- */
/* ! Media query medium */
/* -------------------------------------------------------------------------------- */
@media (max-width: 768px) and (min-width: 601px) {

/* Floating Tales */
.titoli {
  font-family: 'IBM Plex Sans Condensed', sans-serif;
  font-size: 60px;
  color: var(--dark);
  margin: 0px 10px 65px 30px;
}

.txtflo,
.txttal,
.txtnos,
.txtele1,
.txtele2,
.txtaim {
  font-size: 1.4em;
  font-weight: 400;
  line-height: 1.6em;
  margin: 0px 2em 1em 30px;
  font-family: 'IBM Plex Mono', sans-serif;
}
.txtnos {
  text-align: justify;
}
.txtaim,
.txtele1,
.txtnos {
  margin: 0px 30px 1em 30px;
}

.txtflo2 {
  font-size: 1.4em;
  font-weight: 400;
  line-height: 1.6em;
  margin: 4em 1em 1em 30px;
  font-family: 'IBM Plex Mono', sans-serif;
}


.row {
  display: flex;
  flex-wrap: wrap;
  margin: 0px;
}

.row .column {
  flex: 100%;
  max-width: 90%;
  margin-left: 20px;
  padding: 0;
}

.row .column img{
  margin: 15px 15px 15px 15px;
  width: 100%;
  height: 100%;
}

.txtele1 {
  margin-bottom: 6em;
}

.palette {
  display: none;
}



.txtnos {
  text-align: justify;
}
.pianta {
  width: 90vw; 
  display: inline;
  clear: both;
  padding: 50px;
}


}


    /* -------------------------------------------------------------------------------- */
/* ! Media query small */
/* -------------------------------------------------------------------------------- */
@media (max-width: 600px) {

/* Floating Tales */
.titoli {
  font-family: 'IBM Plex Sans Condensed', sans-serif;
  font-size: 55px;
  color: var(--dark);
  margin: 0px 10px 65px 30px;
}

.txtflo,
.txttal,
.txtnos,
.txtele1,
.txtele2,
.txtaim {
  font-size: 1.2em;
  font-weight: 400;
  line-height: 1.4em;
  margin: 0px 30px 1em 30px;
  font-family: 'IBM Plex Mono', sans-serif;
}

.txtaim,
.txtele1,
.txtnos {
  margin: 0px 30px 1em 30px;
}

.txtflo2 {
  font-size: 1.4em;
  font-weight: 400;
  line-height: 1.6em;
  margin: 4em 1em 1em 30px;
  font-family: 'IBM Plex Mono', sans-serif;
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin: 0px;
}

.row .column {
  flex: 100%;
  max-width: 90%;
  margin-left: 20px;
  padding: 0;
}

.row .column img{
  margin: 15px 15px 15px 15px;
  width: 100%;
  height: 100%;
}

.txtele1 {
  margin-bottom: 6em;
}


.palette {
  display: none;
}

.txtnos {
  text-align: justify;
}
.pianta {
  width: 90vw; 
  display: inline;
  clear: both;

}




}