@media only screen and (min-width: 150px) and (max-width:575px) {
      .mainContent{
    flex-direction: column;
    align-items: center;
  }

  header{
    height: 100px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
  }

  main{
    margin-top: 100px;
  }

  .prime{
    min-height: 40vh;
  }
    .Part a { font-size: 20px; }

  .mapis { width: 250px; height: 200px; }
  .contact table{ font-size: 15px; margin-bottom: 15px;}
    .moto{    width: 100%;
}
  .moto h1{ font-size: 20px; text-align: center;  margin-bottom: 10px; padding-right: 10%;}
  .logo img{
    width: 50%;
  }
  .logo{
    flex-grow: none;
  }

    .hidden-text{
    font-size: 25px;
  }

    .action h4{
        font-size: 25px;
  }

    .action h5{
            font-size: 20px;

  }

    .action p{
            font-size: 15px;

  }

    .action details table td{
                font-size: 12.5px;
                    padding: 5px 20px;


  }

  .aboutUs h5{
    font-size: 20px;
    text-align: center;
}

.aboutUs p{
    font-size: 15px;
    margin-top: 10px;
        text-align: center;

}

}



/* =====================================================
   PHONES (min 576px)
   ===================================================== */
@media only screen and (min-width: 576px) and (max-width:766.9px) {
      .mainContent{
    flex-direction: column;
    align-items: center;
  }

  header{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
  }

    .Part a { font-size: 35px; }

  .mapis { width: 250px; height: 200px; }
  .contact table{ font-size: 25px; }
  .moto{    width: 100%;
}
  .moto h1{ font-size: 30px; text-align: center; margin-bottom: 10px;}
  .logo img{
    width: 75%;
  }
  .logo{
    flex-grow: none;
  }

    .hidden-text{
    font-size: 35px;
  }


      .action h4{
        font-size: 27.5px;
  }

    .action h5{
            font-size: 22.5px;

  }

    .action p{
            font-size: 17.5px;

  }

  .action details table td{
                font-size: 17.5px;

  }

  .aboutUs h5{
    font-size: 27.5px;
        text-align: center;

}

.aboutUs p{
    font-size: 17.5px;
    margin-top: 10px;
        text-align: center;

}


}





/* =====================================================
   LARGE PHONES / SMALL TABLETS (min 768px)
   ===================================================== */
@media only screen and (min-width: 767px) and (max-width:950px) {
  .mainContent{
    flex-direction: column;
    align-items: center;
  }

  header{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

    .Part a { font-size: 35px; }

  .mapis { width: 250px; height: 200px; }
  .contact table{ font-size: 25px; }
    .moto{    width: 90%;
}
  .moto h1{ font-size: 30px; text-align: center;}
  .logo img{
    width: 75%;
  }
  .logo{
    flex-grow: none;
  }

  .hidden-text{
    font-size: 35px;
  }


}


/* =====================================================
   TABLETS / SMALL LAPTOPS (min 992px)
   ===================================================== */
@media only screen and (min-width: 951px) and (max-width:980px){
  .mapis { width: 350px; height: 200px; }
  .Part a { font-size: 35px; }
    .moto h1{ font-size: 45px; text-align: center;}
    .logo img{
    }

}

@media only screen and (min-width: 150px) and (max-width:766px){
    .abOneDiv{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.bottomHalfTwo{
padding-top: 2% ;
}
.abTwoDiv{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.aboutUs{
        width: 75%;

}
.logo{
    width: 96px;


}

.moto h1{
    padding: 0 ;
        width: 100%;

}

.moto, .logo{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    text-align: center;

}

.ordForm form input{
    font-size: 17.5px;
}

.ordForm form{
    font-size: 17.5px;
}
.gdprFirst{
width: 50%;
font-size: 15px;
}

.gdprSecond{
    width: 75%;
font-size: 17.5px;
    
}

.onePortfol{
    padding: 35px;
    margin-bottom: 5.5%;
}

.firstPartPort{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-self: center;

}
.titlePortfol{
    text-align: center;

}
.titlePortfol h4{
    font-size: 20px;

}
.titlePortfol img{
    margin-top: 15px;
    width: 65%;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.559);
}

.contPortfol{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 17.5px;
}

.contPortfol a{
    font-size: 15px;
}

.resPortfol{
    font-size: 17.5px;
}

.actionPort p{
    font-size: 17.5px;
}

.actionPort h4{
    font-size: 20px;
}

.actionPort a{
        font-size: 20px;

}
.logo{
    width: 96px;
}

.logo img{
    width: 75%;
}
}

/* =====================================================
   DESKTOP (min 1200px)
   ===================================================== */
@media only screen and (min-width: 150px) and (max-width:1080px) {
.bottomHalfTwo{
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
    height: 100px;
    background-color: rgba(0, 0, 0, 0.512);
}
.PartTwo{
    margin: 1%;
}

.PartTwo a{
    text-decoration: none;
    color: white;
    font-size: 15px;
    text-shadow: 5px 5px 5px white;
}


}


/* =====================================================
   LARGE DESKTOP / WIDE SCREENS (min 1400px)
   ===================================================== */
@media (min-width: 1400px) {

}