* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
    font-family: 'superbastonelight'
}

/* Start Styles */
@media only screen and (max-width: 500px) {
  .page {
    width: 100%;
    margin: 0 auto;
  }

.sectionPage {
     width: 100%;
     order: 2;
  }
  .sinottica {
        width: 100%;
        order: 1;
      }

  .index_txt {
    font-size: 120%;
  }

  .Description {
  	font-size:100%;
  	line-height: 130%;
  }

.piede {
        font-size: 75%
  }

}

/* Mobile Styles */
@media only screen and (min-width: 501px) and (max-width: 800px) {
  .page {
    width: 100%;
    margin: 0 auto;
  }

.sectionPage {
       width: 100%;
       order: 2;
    }

.sinottica {
      width: 100%;
      order: 1;
        }
        .index_txt {
          font-size: 100%;
        }

.piede {
          font-size: 75%
    }

    .Description {
      font-size:80%;
      line-height: 130%;
    }
}

/* Tablet Styles */
@media only screen and (min-width: 801px) and (max-width: 1100px) {
  .page {
    width: 100%;
    margin: 0 auto;
  }

.sectionPage {
     width: 100%
  }
.sinottica {
        width: 100%
      }
      .index_txt {
        font-size: 120%;
      }

      .Description {
        font-size:100%;
        line-height: 130%;
      }

.piede {
        font-size: 75%
  }
}

/* Desktop Styles 1 */
@media only screen and (min-width: 1101px) and (max-width: 1500px) {
  .page {
    width: 100%;
    margin: 0 auto;
  }

.sectionPage {
       width: 100%
    }

.sinottica {
          width: 100%
        }
        .index_txt {
          font-size: 120%;
        }

        .Description {
          font-size:100%;
          line-height: 130%;
        }

  .piede {
          font-size: 70%
    }
}

/* Desktop Styles 2 */
@media only screen and (min-width: 1501px) {
  .page {
    width: 100%;
    margin: 0 auto;
  }

  .sectionPage {
         width: 100%
      }

  .sinottica {
        width: 100%
      }
      .index_txt {
        font-size: 120%;
      }

      .Description {
        font-size:100%;
        line-height: 130%;
      }

  .piede {
          font-size: 80%
    }
}

/* FINE RESPONSIVE INIZIO DESCRIZIONE CLASSI */

.page {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
}

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

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

.sectionPage {
  height: auto;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  /*background-color: red;*/
}

.feature-Page {
    background-color: rgba(255,255,0,1);
}

.sinottica {
  max-width: 900px;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.piede {
    background-color: #eb3a81;

}