.hp-field {
     position: absolute !important;
     left: -9999px !important;
     width: 1px !important;
     height: 1px !important;
     overflow: hidden !important;
}
/* =========================================================
   Responsive breakpoints — mobile first
   Base CSS = phones / narrow screens
   ========================================================= */

/* ≥576px: large phones */
@media (min-width: 36rem) {

}

/* ≥768px: tablets */
@media (min-width: 48rem) {

}

/* ≥1024px: laptops / landscape tablets */
@media (min-width: 64rem) {

}

/* ≥1280px: desktops */
@media (min-width: 80rem) {

}

/* ≥1440px: large desktops */
@media (min-width: 90rem) {

}