@media screen and (min-width: 100px) and (max-width: 325px) {

  h1 {
    font-size: 200%;
  }

  h2 {
    font-size: 140%;
  }

  .navbar {
    width: 100%;
    height: auto;
    padding-top: 1%;
    padding-bottom: 1%;
    position: absolute;
    top: 0px;
  }

  .precedente {
    width: 15px;
    height: 15px;
    border: 3px solid #635bff;
    transform: translate(-50%, -100%) rotate(45deg);
    border-top: transparent;
    border-right: transparent;
    position: absolute;
    left: 30px;
    bottom: 15%;
    cursor: pointer;
    transition: 0.2s;
  }

  .precedente:hover {
    width: 15px;
    height: 15px;
    border: 3px solid #635bff;
    transform: translate(-50%, -100%) rotate(45deg);
    border-top: transparent;
    border-right: transparent;
    position: absolute;
    left: 30px;
    bottom: 15%;
    cursor: pointer;
    transition: 0.2s;
  }

  .successiva {
    width: 15px;
    height: 15px;
    border: 3px solid #635bff;
    transform: translate(-50%, -100%) rotate(225deg);
    border-top: transparent;
    border-right: transparent;
    position: absolute;
    right: 10px;
    bottom: 15%;
    cursor: pointer;
    transition: 0.3s;
  }

  .successiva:hover {
    width: 15px;
    height: 15px;
    border: 3px solid #635bff;
    transform: translate(-50%, -100%) rotate(225deg);
    border-top: transparent;
    border-right: transparent;
    position: absolute;
    right: 10px;
    bottom: 15%;
    cursor: pointer;
    transition: 0.3s;
  }

  .desktop-p {
    position: absolute;
    left: -99999px;
  }

  .scheda {
    width: 100%;
    height: auto;
    display: block;
  }


  .immagine-servizio {
    width: 100%;
    height: auto;
    display: block;
    float: none;
  }

  .img {
    width: 100%;
    height: auto;
  }

  .servizio {
    width: 100%;
    height: auto;
    padding-top: 15%;
    padding-bottom: 15%;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .footer-form {
    display: block;
    height: auto;
    padding-top: 10%;
    padding-bottom: 20%;
    font-size: 90%;
    display: flex;
    display: -webkit-flex;
    flex: 1;
    -webkit-flex: 1;
  }

  .footer-info {
    position: absolute;
    left: -99999px;
  }

  .footer-info-mobile {
    position: absolute;
    left: 0px;
    height: 100vh;
    width: 100%;
    display: block;
  }

  .footer-content-first-mobile {
    padding-top: 10%;
    padding-bottom: 30%;
    display: flex;
    display: -webkit-flex;
    flex: 1;
    -webkit-flex: 1;
    align-items: center;
    justify-content: center;
  }

  .footer-info-mobile h4 {
    width: 10%;
    border-bottom: 5px solid #192c3c;
  }

  .footer-form {
    width: 100%;
    float: none;
   font-size: 70%;
  }

  .footer-content-first {
    height: 100vh;
  }

  .mappa-telefono {
    display: block;
  }

  .footer-map {
    position: absolute;
    left: -999999px;
  }

  .footer-map-mobile {
    position: relative;
    left: 0px;
    width: 100%;
  }

  .footer-map-mobile iframe {
    min-width: 100%;
    height: 50vh;
    display: block;
  }

  .footer-content-form {
    width: 80%;
  }

  .footer-info h4 {
    width: 10%;
    border-bottom: 3px solid #192c3c;
  }

}


@media screen and (min-width: 325px) and (max-width: 364px) {

  h1 {
    font-size: 200%;
  }

  h2 {
    font-size: 140%;
  }

  .navbar {
    width: 100%;
    height: auto;
    padding-top: 1%;
    padding-bottom: 1%;
    position: absolute;
    top: 0px;
  }

  .scroll-down {
    position: absolute;
    left: -999999px;
  }

  .precedente {
    width: 15px;
    height: 15px;
    border: 3px solid #635bff;
    transform: translate(-50%, -100%) rotate(45deg);
    border-top: transparent;
    border-right: transparent;
    position: absolute;
    left: 30px;
    bottom: 15%;
    cursor: pointer;
    transition: 0.2s;
  }

  .precedente:hover {
    width: 15px;
    height: 15px;
    border: 3px solid #635bff;
    transform: translate(-50%, -100%) rotate(45deg);
    border-top: transparent;
    border-right: transparent;
    position: absolute;
    left: 30px;
    bottom: 15%;
    cursor: pointer;
    transition: 0.2s;
  }

  .successiva {
    width: 15px;
    height: 15px;
    border: 3px solid #635bff;
    transform: translate(-50%, -100%) rotate(225deg);
    border-top: transparent;
    border-right: transparent;
    position: absolute;
    right: 10px;
    bottom: 15%;
    cursor: pointer;
    transition: 0.3s;
  }

  .successiva:hover {
    width: 15px;
    height: 15px;
    border: 3px solid #635bff;
    transform: translate(-50%, -100%) rotate(225deg);
    border-top: transparent;
    border-right: transparent;
    position: absolute;
    right: 10px;
    bottom: 15%;
    cursor: pointer;
    transition: 0.3s;
  }


  .desktop-p {
    position: absolute;
    left: -99999px;
  }

  .scheda {
    width: 100%;
    height: auto;
    display: block;
  }


  .immagine-servizio {
    width: 100%;
    height: auto;
    display: block;
    float: none;
  }

  .img {
    width: 100%;
    height: auto;
  }

  .servizio {
    width: 100%;
    height: auto;
    padding-top: 15%;
    padding-bottom: 15%;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .footer-form {
    display: block;
    height: auto;
    padding-top: 10%;
    padding-bottom: 20%;
    font-size: 90%;
    display: flex;
    display: -webkit-flex;
    flex: 1;
    -webkit-flex: 1;
  }

  .footer-info {
    position: absolute;
    left: -99999px;
  }

  .footer-info-mobile {
    position: absolute;
    left: 0px;
    height: 100vh;
    width: 100%;
    display: block;
  }

  .footer-content-first-mobile {
    padding-top: 10%;
    padding-bottom: 30%;
    display: flex;
    display: -webkit-flex;
    flex: 1;
    -webkit-flex: 1;
    align-items: center;
    justify-content: center;
  }

  .footer-info-mobile h4 {
    width: 10%;
    border-bottom: 5px solid #192c3c;
  }

  .footer-form {
    width: 100%;
    float: none;
   font-size: 70%;
  }

  .footer-content-first {
    height: 100vh;
  }

  .mappa-telefono {
    display: block;
  }

  .footer-map {
    position: absolute;
    left: -999999px;
  }

  .footer-map-mobile {
    position: relative;
    left: 0px;
    width: 100%;
  }

  .footer-map-mobile iframe {
    min-width: 100%;
    height: 50vh;
    display: block;
  }

  .footer-content-form {
    width: 80%;
  }

  .footer-info h4 {
    width: 10%;
    border-bottom: 3px solid #192c3c;
  }

}


@media screen and (min-width: 365px) and (max-width: 399px) {

  h1 {
    font-size: 200%;
  }

  h2 {
    font-size: 140%;
  }

  .navbar {
    width: 100%;
    height: auto;
    padding-top: 1%;
    padding-bottom: 1%;
    position: absolute;
    top: 0px;
  }

  .scroll-down {
    position: absolute;
    left: -999999px;
  }

  .precedente {
    width: 15px;
    height: 15px;
    border: 3px solid #635bff;
    transform: translate(-50%, -100%) rotate(45deg);
    border-top: transparent;
    border-right: transparent;
    position: absolute;
    left: 30px;
    bottom: 20%;
    cursor: pointer;
    transition: 0.2s;
  }

  .precedente:hover {
    width: 15px;
    height: 15px;
    border: 3px solid #635bff;
    transform: translate(-50%, -100%) rotate(45deg);
    border-top: transparent;
    border-right: transparent;
    position: absolute;
    left: 30px;
    bottom: 20%;
    cursor: pointer;
    transition: 0.2s;
  }

  .successiva {
    width: 15px;
    height: 15px;
    border: 3px solid #635bff;
    transform: translate(-50%, -100%) rotate(225deg);
    border-top: transparent;
    border-right: transparent;
    position: absolute;
    right: 10px;
    bottom: 20%;
    cursor: pointer;
    transition: 0.3s;
  }

  .successiva:hover {
    width: 15px;
    height: 15px;
    border: 3px solid #635bff;
    transform: translate(-50%, -100%) rotate(225deg);
    border-top: transparent;
    border-right: transparent;
    position: absolute;
    right: 10px;
    bottom: 20%;
    cursor: pointer;
    transition: 0.3s;
  }


  .desktop-p {
    position: absolute;
    left: -99999px;
  }

  .scheda {
    width: 100%;
    height: auto;
    display: block;
  }


  .immagine-servizio {
    width: 100%;
    height: auto;
    display: block;
    float: none;
  }

  .img {
    width: 100%;
    height: auto;
  }

  .servizio {
    width: 100%;
    height: auto;
    padding-top: 15%;
    padding-bottom: 15%;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .footer-form {
    display: block;
    height: auto;
    padding-top: 10%;
    padding-bottom: 20%;
    font-size: 90%;
    display: flex;
    display: -webkit-flex;
    flex: 1;
    -webkit-flex: 1;
  }

  .footer-info {
    position: absolute;
    left: -99999px;
  }

  .footer-info-mobile {
    position: absolute;
    left: 0px;
    height: 100vh;
    width: 100%;
    display: block;
  }

  .footer-content-first-mobile {
    padding-top: 10%;
    padding-bottom: 30%;
    display: flex;
    display: -webkit-flex;
    flex: 1;
    -webkit-flex: 1;
    align-items: center;
    justify-content: center;
  }

  .footer-info-mobile h4 {
    width: 10%;
    border-bottom: 5px solid #192c3c;
  }

  .footer-form {
    width: 100%;
    float: none;
   font-size: 70%;
  }

  .footer-content-first {
    height: 100vh;
  }

  .mappa-telefono {
    display: block;
  }

  .footer-map {
    position: absolute;
    left: -999999px;
  }

  .footer-map-mobile {
    position: relative;
    left: 0px;
    width: 100%;
  }

  .footer-map-mobile iframe {
    min-width: 100%;
    height: 50vh;
    display: block;
  }

  .footer-content-form {
    width: 80%;
  }

  .footer-info h4 {
    width: 10%;
    border-bottom: 3px solid #192c3c;
  }

}


@media screen and (min-width: 400px) and (max-width: 499px) {

  h1 {
    font-size: 200%;
  }

  h2 {
    font-size: 140%;
  }

  .navbar {
    width: 100%;
    height: auto;
    padding-top: 1%;
    padding-bottom: 1%;
    position: absolute;
    top: 0px;
  }

  .scroll-down {
    position: absolute;
    left: -999999px;
  }

  .precedente {
    width: 15px;
    height: 15px;
    border: 3px solid #635bff;
    transform: translate(-50%, -100%) rotate(45deg);
    border-top: transparent;
    border-right: transparent;
    position: absolute;
    left: 30px;
    bottom: 20%;
    cursor: pointer;
    transition: 0.2s;
  }

  .precedente:hover {
    width: 15px;
    height: 15px;
    border: 3px solid #635bff;
    transform: translate(-50%, -100%) rotate(45deg);
    border-top: transparent;
    border-right: transparent;
    position: absolute;
    left: 30px;
    bottom: 20%;
    cursor: pointer;
    transition: 0.2s;
  }

  .successiva {
    width: 15px;
    height: 15px;
    border: 3px solid #635bff;
    transform: translate(-50%, -100%) rotate(225deg);
    border-top: transparent;
    border-right: transparent;
    position: absolute;
    right: 10px;
    bottom: 20%;
    cursor: pointer;
    transition: 0.3s;
  }

  .successiva:hover {
    width: 15px;
    height: 15px;
    border: 3px solid #635bff;
    transform: translate(-50%, -100%) rotate(225deg);
    border-top: transparent;
    border-right: transparent;
    position: absolute;
    right: 10px;
    bottom: 20%;
    cursor: pointer;
    transition: 0.3s;
  }


  .desktop-p {
    position: absolute;
    left: -99999px;
  }

  .scheda {
    width: 100%;
    height: auto;
    display: block;
  }


  .immagine-servizio {
    width: 100%;
    height: auto;
    display: block;
    float: none;
  }

  .img {
    width: 100%;
    height: auto;
  }

  .servizio {
    width: 100%;
    height: auto;
    padding-top: 15%;
    padding-bottom: 15%;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .footer-form {
    display: block;
    height: auto;
    padding-top: 10%;
    padding-bottom: 20%;
    font-size: 90%;
    display: flex;
    display: -webkit-flex;
    flex: 1;
    -webkit-flex: 1;
  }

  .footer-info {
    position: absolute;
    left: -99999px;
  }

  .footer-info-mobile {
    position: absolute;
    left: 0px;
    height: 100vh;
    width: 100%;
    display: block;
  }

  .footer-content-first-mobile {
    padding-top: 10%;
    padding-bottom: 30%;
    display: flex;
    display: -webkit-flex;
    flex: 1;
    -webkit-flex: 1;
    align-items: center;
    justify-content: center;
  }

  .footer-info-mobile h4 {
    width: 10%;
    border-bottom: 5px solid #192c3c;
  }

  .footer-form {
    width: 100%;
    float: none;
   font-size: 70%;
  }

  .footer-content-first {
    height: 100vh;
  }

  .mappa-telefono {
    display: block;
  }

  .footer-map {
    position: absolute;
    left: -999999px;
  }

  .footer-map-mobile {
    position: relative;
    left: 0px;
    width: 100%;
  }

  .footer-map-mobile iframe {
    min-width: 100%;
    height: 50vh;
    display: block;
  }

  .footer-content-form {
    width: 80%;
  }

  .footer-info h4 {
    width: 10%;
    border-bottom: 3px solid #192c3c;
  }

}


@media screen and (min-width: 500px) and (max-width: 799px) {

  h1 {
    font-size: 200%;
  }

  h2 {
    font-size: 140%;
  }

  .navbar {
    width: 100%;
    height: auto;
    padding-top: 1%;
    padding-bottom: 1%;
    position: absolute;
    top: 0px;
  }

  .scroll-down {
    position: absolute;
    left: -999999px;
  }

  .precedente {
    width: 15px;
    height: 15px;
    border: 3px solid #635bff;
    transform: translate(-50%, -100%) rotate(45deg);
    border-top: transparent;
    border-right: transparent;
    position: absolute;
    left: 30px;
    bottom: 15%;
    cursor: pointer;
    transition: 0.2s;
  }

  .precedente:hover {
    width: 15px;
    height: 15px;
    border: 3px solid #635bff;
    transform: translate(-50%, -100%) rotate(45deg);
    border-top: transparent;
    border-right: transparent;
    position: absolute;
    left: 30px;
    bottom: 15%;
    cursor: pointer;
    transition: 0.2s;
  }

  .successiva {
    width: 15px;
    height: 15px;
    border: 3px solid #635bff;
    transform: translate(-50%, -100%) rotate(225deg);
    border-top: transparent;
    border-right: transparent;
    position: absolute;
    right: 10px;
    bottom: 15%;
    cursor: pointer;
    transition: 0.3s;
  }

  .successiva:hover {
    width: 15px;
    height: 15px;
    border: 3px solid #635bff;
    transform: translate(-50%, -100%) rotate(225deg);
    border-top: transparent;
    border-right: transparent;
    position: absolute;
    right: 10px;
    bottom: 15%;
    cursor: pointer;
    transition: 0.3s;
  }


  .desktop-p {
    position: absolute;
    left: -99999px;
  }

  .scheda {
    width: 100%;
    height: auto;
    display: block;
  }


  .immagine-servizio {
    width: 100%;
    height: auto;
    display: block;
    float: none;
  }

  .img {
    width: 100%;
    height: auto;
  }

  .servizio {
    width: 100%;
    height: auto;
    padding-top: 15%;
    padding-bottom: 15%;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .footer-form {
    display: block;
    height: auto;
    padding-top: 10%;
    padding-bottom: 20%;
    font-size: 90%;
    display: flex;
    display: -webkit-flex;
    flex: 1;
    -webkit-flex: 1;
  }

  .footer-info {
    position: absolute;
    left: -99999px;
  }

  .footer-info-mobile {
    position: absolute;
    left: 0px;
    height: 100vh;
    width: 100%;
    display: block;
  }

  .footer-content-first-mobile {
    padding-top: 10%;
    padding-bottom: 30%;
    display: flex;
    display: -webkit-flex;
    flex: 1;
    -webkit-flex: 1;
    align-items: center;
    justify-content: center;
  }

  .footer-info-mobile h4 {
    width: 10%;
    border-bottom: 5px solid #192c3c;
  }

  .footer-form {
    width: 100%;
    float: none;
   font-size: 70%;
  }

  .footer-content-first {
    height: 100vh;
  }

  .mappa-telefono {
    display: block;
  }

  .footer-map {
    position: absolute;
    left: -999999px;
  }

  .footer-map-mobile {
    position: relative;
    left: 0px;
    width: 100%;
  }

  .footer-map-mobile iframe {
    min-width: 100%;
    height: 50vh;
    display: block;
  }

  .footer-content-form {
    width: 80%;
  }

  .footer-info h4 {
    width: 10%;
    border-bottom: 3px solid #192c3c;
  }

}


@media screen and (min-width: 800px) and (max-width: 900px) {

  h1 {
    font-size: 200%;
  }

  h2 {
    font-size: 140%;
  }

  .navbar {
    width: 100%;
    height: auto;
    padding-top: 1%;
    padding-bottom: 1%;
    position: absolute;
    top: 0px;
  }

  .scroll-down {
    position: absolute;
    left: -999999px;
  }

  .precedente {
    width: 15px;
    height: 15px;
    border: 3px solid #635bff;
    transform: translate(-50%, -100%) rotate(45deg);
    border-top: transparent;
    border-right: transparent;
    position: absolute;
    left: 30px;
    bottom: 15%;
    cursor: pointer;
    transition: 0.2s;
  }

  .precedente:hover {
    width: 15px;
    height: 15px;
    border: 3px solid #635bff;
    transform: translate(-50%, -100%) rotate(45deg);
    border-top: transparent;
    border-right: transparent;
    position: absolute;
    left: 30px;
    bottom: 15%;
    cursor: pointer;
    transition: 0.2s;
  }

  .successiva {
    width: 15px;
    height: 15px;
    border: 3px solid #635bff;
    transform: translate(-50%, -100%) rotate(225deg);
    border-top: transparent;
    border-right: transparent;
    position: absolute;
    right: 10px;
    bottom: 15%;
    cursor: pointer;
    transition: 0.3s;
  }

  .successiva:hover {
    width: 15px;
    height: 15px;
    border: 3px solid #635bff;
    transform: translate(-50%, -100%) rotate(225deg);
    border-top: transparent;
    border-right: transparent;
    position: absolute;
    right: 10px;
    bottom: 15%;
    cursor: pointer;
    transition: 0.3s;
  }


  .desktop-p {
    position: absolute;
    left: -99999px;
  }

  .scheda {
    width: 100%;
    height: auto;
    display: block;
  }


  .immagine-servizio {
    width: 100%;
    height: auto;
    display: block;
    float: none;
  }

  .img {
    width: 100%;
    height: auto;
  }

  .servizio {
    width: 100%;
    height: auto;
    padding-top: 15%;
    padding-bottom: 15%;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .footer-form {
    display: block;
    height: auto;
    padding-top: 10%;
    padding-bottom: 20%;
    font-size: 90%;
    display: flex;
    display: -webkit-flex;
    flex: 1;
    -webkit-flex: 1;
  }

  .footer-info {
    position: absolute;
    left: -99999px;
  }

  .footer-info-mobile {
    position: absolute;
    left: 0px;
    height: 100vh;
    width: 100%;
    display: block;
  }

  .footer-content-first-mobile {
    padding-top: 10%;
    padding-bottom: 30%;
    display: flex;
    display: -webkit-flex;
    flex: 1;
    -webkit-flex: 1;
    align-items: center;
    justify-content: center;
  }

  .footer-info-mobile h4 {
    width: 10%;
    border-bottom: 5px solid #192c3c;
  }

  .footer-form {
    width: 100%;
    float: none;
   font-size: 70%;
  }

  .footer-content-first {
    height: 100vh;
  }

  .mappa-telefono {
    display: block;
  }

  .footer-map {
    position: absolute;
    left: -999999px;
  }

  .footer-map-mobile {
    position: relative;
    left: 0px;
    width: 100%;
  }

  .footer-map-mobile iframe {
    min-width: 100%;
    height: 50vh;
    display: block;
  }

  .footer-content-form {
    width: 80%;
  }

  .footer-info h4 {
    width: 10%;
    border-bottom: 3px solid #192c3c;
  }

}


@media screen and (min-width: 900px) and (max-width: 1000px) {

  h1 {
    font-size: 200%;
  }

  h2 {
    font-size: 140%;
  }

  .navbar {
    width: 100%;
    height: auto;
    padding-top: 1%;
    padding-bottom: 1%;
    position: absolute;
    top: 0px;
  }

  .scroll-down {
    position: absolute;
    left: -999999px;
  }

  .precedente {
    width: 15px;
    height: 15px;
    border: 3px solid #635bff;
    transform: translate(-50%, -100%) rotate(45deg);
    border-top: transparent;
    border-right: transparent;
    position: absolute;
    left: 30px;
    bottom: 15%;
    cursor: pointer;
    transition: 0.2s;
  }

  .precedente:hover {
    width: 15px;
    height: 15px;
    border: 3px solid #635bff;
    transform: translate(-50%, -100%) rotate(45deg);
    border-top: transparent;
    border-right: transparent;
    position: absolute;
    left: 30px;
    bottom: 15%;
    cursor: pointer;
    transition: 0.2s;
  }

  .successiva {
    width: 15px;
    height: 15px;
    border: 3px solid #635bff;
    transform: translate(-50%, -100%) rotate(225deg);
    border-top: transparent;
    border-right: transparent;
    position: absolute;
    right: 10px;
    bottom: 15%;
    cursor: pointer;
    transition: 0.3s;
  }

  .successiva:hover {
    width: 15px;
    height: 15px;
    border: 3px solid #635bff;
    transform: translate(-50%, -100%) rotate(225deg);
    border-top: transparent;
    border-right: transparent;
    position: absolute;
    right: 10px;
    bottom: 15%;
    cursor: pointer;
    transition: 0.3s;
  }


  .desktop-p {
    position: absolute;
    left: -99999px;
  }

  .scheda {
    width: 100%;
    height: auto;
    display: block;
  }


  .immagine-servizio {
    width: 100%;
    height: auto;
    display: block;
    float: none;
  }

  .img {
    width: 100%;
    height: auto;
  }

  .servizio {
    width: 100%;
    height: auto;
    padding-top: 15%;
    padding-bottom: 15%;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .footer-form {
    display: block;
    height: auto;
    padding-top: 10%;
    padding-bottom: 20%;
    font-size: 90%;
    display: flex;
    display: -webkit-flex;
    flex: 1;
    -webkit-flex: 1;
  }

  .footer-info {
    position: absolute;
    left: -99999px;
  }

  .footer-info-mobile {
    position: absolute;
    left: 0px;
    height: 100vh;
    width: 100%;
    display: block;
  }

  .footer-content-first-mobile {
    padding-top: 10%;
    padding-bottom: 30%;
    display: flex;
    display: -webkit-flex;
    flex: 1;
    -webkit-flex: 1;
    align-items: center;
    justify-content: center;
  }

  .footer-info-mobile h4 {
    width: 10%;
    border-bottom: 5px solid #192c3c;
  }

  .footer-form {
    width: 100%;
    float: none;
   font-size: 70%;
  }

  .footer-content-first {
    height: 100vh;
  }

  .mappa-telefono {
    display: block;
  }

  .footer-map {
    position: absolute;
    left: -999999px;
  }

  .footer-map-mobile {
    position: relative;
    left: 0px;
    width: 100%;
  }

  .footer-map-mobile iframe {
    min-width: 100%;
    height: 50vh;
    display: block;
  }

  .footer-content-form {
    width: 80%;
  }

  .footer-info h4 {
    width: 10%;
    border-bottom: 3px solid #192c3c;
  }

}