/* HIDE HEADERS & FOOTER ELEMENTS REFLEX
-------------------------------------------------*/
@media screen and (max-width: 1384px) {
    .hide1 {
      display: none;
    }
}
@media screen and (max-width: 1210px) {
    .hide2 {
      display: none;
    }
}
@media screen and (max-width: 1088px) {
    .hide3 {
      display: none;
    }
}
@media screen and (max-width: 969px) {
    .hide4 {
      display: none;
    }
}
@media screen and (max-width: 777px) {
    .hide5 {
      display: none;
    }
}
@media screen and (max-width: 615px) {
    .hide6 {
      display: none;
    }
}
@media screen and (max-width: 496px) {
    .hide7 {
      display: none;
    } 
}
@media screen and (max-width: 411px) {
    .hide8 {
      display: none;
    }
}
@media screen and (max-width: 700px) {
    .hide9 {
    display: none;
  }
}
@media screen and (min-width: 1px) {
    .hide0 {
    display: none;
  }
}

/* TEXT / TITLES / IMAGE REFLEX SIZING
-------------------------------------------------*/
/* 4k----------------------------------*/
@media screen and (min-width: 2881px) {
    h1, h2 {
      font-size: 12.5rem;
      margin-bottom: 0px;
      /* color:red; */
    }
    h3 {
      font-size: 6rem;
      margin-bottom: 0;
      /* color:red; */
    }
    h4, h5 {
      font-size: 5.1rem;
      /* color:red; */
    }
    h6 {
      font-size: 5.1rem;
      /* color:red; */
    }
    p {
      font-size: 5rem;
      padding-top: 25px;
      margin-top: 2px;
      margin-bottom: 25px;
      /* color:red; */
    }
    label {
      font-size: 3.7rem;
      color:black;
    }
    .text-list li {
      font-size: 3.3rem;
      margin-top: 0;
      margin-bottom: 0;
      /* color:red; */
    }
    .text-list-second li {
      font-size: 3.5rem;
      margin-top: 0;
      margin-bottom: 0;
      /* color:red; */
    }
    .dropdown a {
      font-size: 4rem;
    }
    .topnav a {
      font-size: 4rem;
    }
    .body-link a {
      font-size: 3.5rem;
    }
    a {
      font-size: 3.5rem;
    }
    .socials li {
      margin: 10px;
    }
    .socials img {
      height: 65px;
    }
    .four-tile-item img {
      height: 440px;
      width: 440px;
    }
    .four-tiles h4 {
      font-size: 4rem;
    }
    .foot-bullets a {
      font-size: 4rem;
      line-height: 1;
    }
    .flex-foot {
      padding: 0 25px 0 15px;   
    }
    .wrap-left img {
      height: 400px;
      margin: 8px;
    }
    .wrap-right img {
      height: 400px;
      margin: 8px;
    }
    .wrap-centre img { 
      display: block;
      margin-left: auto;
      margin-right: auto;
      height: 400px;
    }
    .table-flex img {
      width: 70%;
    }
    /* .trustpilot-widget {
      display: block;
      margin-left: auto;
      margin-right: auto;
    } */
    .trustscore {
      display: block;
      margin-left: auto;
      margin-right: auto;
      margin-top: 1%;
      margin-bottom: 2%;
      width:48%;
    }
    .reviews img {
      display: block;
      margin-left: auto;
      margin-right: auto;
      margin-top: 1%;
      margin-bottom: 1%;
      width: 60%;
    }
}
/* 1080 mid-range ----------------------------------*/
@media screen and (min-width: 1601px) and (max-width: 2880px) {
    h1, h2 {
      font-size: 6rem;
      margin-bottom: 0;
      /* color:blue; */
    }
    h3 {
      font-size: 4rem;
      margin-bottom: 0;
      /* color:blue; */
    }
    h4, h5 {
      font-size: 2.8rem;
      /* color:blue; */
    }
    h6 {
      font-size: 2rem;
      /* color:blue; */
    }
    p {
      font-size: 2.2rem;
      padding-top: 13px;
      margin-top: 0;
      margin-bottom: 20px;
      /* color:blue; */
    }
    label {
      font-size: 1.9rem;
      color:black;
    }
    .text-list li {
      font-size: 1.9rem;
      margin-top: 0;
      margin-bottom: 0;
      /* color:blue; */
    }
    .text-list-second li {
      font-size: 1.9rem;
      margin-top: 0;
      margin-bottom: 0;
      /* color:blue; */
    }
    .dropdown a {
      font-size: 2.1rem;
    }
    .topnav a {
      font-size: 2.1rem;
    }
    .body-link a {
      font-size: 1.9rem;
    }
    a {
      font-size: 1.9rem;
    }
    .socials li {
      margin: 8px;
    }
    .socials img {
      height: 40px;
    }
    .four-tiles h4 {
      font-size: 2.3rem;
    }
    .four-tile-item img {
      height: 235px;
      width: 235px;
    }
    .foot-bullets a {
      font-size: 1.9rem;
      line-height: 1.2rem;
    }
    .flex-foot {
      padding: 0 20px 0 10px;   
    }
    .wrap-left img {
      height: 200px;
      /* padding-left: 20px; */
      margin: 6px;
      margin-top: 0px;
    }
    .wrap-right img {
      height: 200px;
      /* padding-right: 20px; */
      margin: 6px;
      margin-top: 0px;
    }
    .wrap-centre img {
      display: block;
      margin-left: auto;
      margin-right: auto;
      height: 200px;
    }
    .table-flex img {
      width: 75%;
    }
    .trustscore {
      display: block;
      margin-left: auto;
      margin-right: auto;
      margin-top: 1%;
      margin-bottom: 2%;
      width:48%;
    }
    .reviews img {
      display: block;
      margin-left: auto;
      margin-right: auto;
      margin-top: 1%;
      margin-bottom: 1%;
      width: 60%;
    }
}
/* 720 mid-range ----------------------------------*/
@media screen and (min-width: 1001px) and (max-width: 1600px) {
    h1, h2 {
      font-size: 5rem;
      margin-bottom: 0;
      /* color:green; */
    }
    h3 {
      font-size: 3rem;
      margin-bottom: 0;
      /* color:green; */
    }
    h4, h5 {
      font-size: 1.8rem;
      /* color:green; */
    }
    h6 {
      font-size: 1.8rem;
      /* color:green; */
    }
    p {
      font-size: 1.6rem;
      padding-top: 10px;
      margin-top: 0;
      margin-bottom: 10px;
      /* color:green; */
    }
    label {
      font-size: 1.5rem;
      color:black;
    }
    .text-list li {
      font-size: 1.6rem;
      margin-top: 0;
      margin-bottom: 0;
      /* color:green; */
    }
    .text-list-second li {
      font-size: 1.6rem;
      margin-top: 0;
      margin-bottom: 0;
      /* color:green; */
    }
    .dropdown a {
      font-size: 1.8rem;
    }
    .topnav a {
      font-size: 1.8rem;
    }
    .body-link a {
      font-size: 1.6rem;
    }
    a {
      font-size: 1.6rem;
    }
    .socials li {
      margin: 6px;
    }
    .socials img {
      height: 30px;
    }
    .four-tiles h4 {
      font-size: 1.8rem;
    }
    .four-tile-item img {
      height: 140px;
      width: 140px;
    }
    .foot-bullets a {
      font-size: 1.2rem;
      line-height: 1rem;
    }
    .flex-foot {
      padding: 0 15px 0 8px;   
    }
    .wrap-left img {
      height: 140px;
      margin: 4px;
    }
    .wrap-right img {
      height: 140px;
      margin: 4px;
    }
    .wrap-centre img {
      display: block;
      margin-left: auto;
      margin-right: auto;
      height: 140px;
    }
    .table-flex img {
      width: 85%;
    }
    .trustscore {
      display: block;
      margin-left: auto;
      margin-right: auto;
      margin-top: 1%;
      margin-bottom: 2%;
      width:60%;
    }
    .reviews img {
      display: block;
      margin-left: auto;
      margin-right: auto;
      margin-top: 1%;
      margin-bottom: 1%;
      width: 70%;
    }
}
/* 576 mid-range ----------------------------------*/
@media screen and (min-width: 431px) and (max-width: 1000px) {
    h1, h2 {
      font-size: 3rem;
      margin-bottom: 0;
      /* color:yellow; */
    }
    h3 {
      font-size: 2rem;
      margin-bottom: 0;
      /* color:yellow; */
    }
    h4, h5 {
      font-size: 1.6rem;
      /* color:yellow; */
    }
    h6 {
      font-size: 1.6rem;
      /* color:yellow; */
    }
    p {
      font-size: 1.6rem;
      margin-top: 0;
      margin-bottom: 10px;
      /* color:yellow; */
    }
    label {
      font-size: 1.2rem;
      color:black;
    }
    .text-list li {
      font-size: 1.4rem;
      margin-top: 0;
      margin-bottom: 0;
      /* color:yellow; */
    }
    .text-list-second li {
      font-size: 1.4rem;
      margin-top: 0;
      margin-bottom: 0;
      /* color:yellow; */
    }
    .dropdown a {
      font-size: 1.5rem;
    }
    .topnav a {
      font-size: 1.5rem;
    }
    .body-link a {
      font-size: 1.4rem;
    }
    a {
      font-size: 1.4rem;
    }
    .socials li {
      margin: 4px;
    }
    .socials img {
      height: 20px;
    }
    .four-tiles h4 {
      font-size: 1.6rem;
    }
    .four-tile-item img {
      height: 130px;
      width: 130px;
    }
    .foot-bullets a {
      font-size: 1rem;
      line-height: 1rem;
    }
    .flex-foot {
      padding: 0 10px 0 5px;   
    }
    .flex-foot ul{
    padding-bottom: 3px;
    }
    .wrap-left img {
      height: 100px;
      margin: 2px;
    }
    .wrap-right img {
      height: 100px;
      margin: 2px;
    }
    .wrap-centre img {
      display: block;
      margin-left: auto;
      margin-right: auto;
      height: 100px;
    }
    .table-flex img {
      width: 95%;
    }
    .trustscore {
      display: block;
      margin-left: auto;
      margin-right: auto;
      margin-top: 1%;
      margin-bottom: 2%;
      width:75%;
    }
    .reviews img {
      display: block;
      margin-left: auto;
      margin-right: auto;
      margin-top: 1%;
      margin-bottom: 1%;
      width: 90%;
    }
} 
/* upto 430 (phone)  ----------------------------------*/
@media screen and (min-width: 0px) and (max-width: 430px) {
  h1, h2 {
    font-size: 3rem;
    margin-bottom: 0;
    /* color:pink; */
  }
  h3 {
    font-size: 2rem;
    margin-bottom: 0;
    /* color:pink; */
  }
  h4, h5 {
    font-size: 2rem;
    /* color:pink; */
  }
  h6 {
    font-size: 2rem;
    /* color:pink; */
  }
  p {
    font-size: 1.6rem;
    /* color:pink; */
  }
  label {
    font-size: 1.3rem;
    color:black;
  }
  .text-list li {
    font-size: 1.5rem;
    margin-top: 0;
    margin-bottom: 0;
    /* color:pink; */
  }
  .text-list-second li {
    font-size: 1.5rem;
    margin-top: 0;
    margin-bottom: 0;
    /* color:pink; */
  }
  .dropdown a {
    font-size: 0.8rem;
  }
  /* .dropdown .dropbtn {
    font-size: 1.5rem;
  } */
  .topnav a {
    font-size: 0.8rem;
  }
  .body-link a {
    font-size: 1rem;
  }
  a {
    font-size: 1rem;
  }
  .socials li {
    margin: 3px;
  }
  .socials img {
    height: 30px;
  }
  .four-tiles h4 {
    font-size: 0.7rem;
  }
  .four-tile-item img {
    height: 55px;
    width: 55px;
  }
  .foot-bullets a {
    font-size: 0.8rem;
    line-height: 0.8rem;
  }
  .wrap-left img {
    display: none;
  }
  .wrap-right img {
    display: none;
  }
  .wrap-centre img {
    display: none;
  }
  .trustscore {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1%;
    margin-bottom: 2%;
    width:90%;
  }
  .reviews img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1%;
    margin-bottom: 1%;
    width: 100%;
  }
}
  
/* CONTACT FORM REFLEX
-------------------------------------------------*/
/* @media screen and (max-width: 2060px) {
    .form-interest {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr 1fr;       
      gap: 2%;
      padding: 5px 0;
    }
} */
@media screen and (max-width: 1088px) {
    .form-interest {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;       
      gap: 2%;
      padding: 5px 0;
    }
}
@media screen and (max-width: 810px) {
    .form-interest {
      display: grid;
      grid-template-columns: 1fr 1fr;       
      gap: 2%;
      padding: 5px 0;
    }
    .half-box {
      display: block;
    }
}
@media screen and (max-width: 496px) {
    .form-interest {
      display: grid;
      grid-template-columns: 1fr;       
      gap: 2%;
      padding: 5px 0;
      margin-bottom: 8%;
    }
}

/* BACKGROUND & CONTENT-WRAPPER REFLEX
-------------------------------------------------*/
/* 1080 up to 4K */
@media screen and (min-width: 1921px) {
  .content-wrapper-home {
    background: url(../images/bg-home-4k-a.jpg) no-repeat;
    background-size: cover;
    background-position: bottom center;
    position: relative;
    top: 180px;
    padding: 5% 5% 96px 5%;
  }
  .content-bg-home {
    border-radius: 35px;
    min-width: 90%;
    min-height: 90%;
    background: rgb(255 255 255 /0.6);
    margin-top: 5%;
    margin-bottom: 10%;
    padding: 2% 3% 2% 3%;
    line-height: 1.2;
    display: inline-block;  
  }
  .content-wrapper-about {
    background: url(../images/bg-about-4k.jpg) no-repeat;
    background-size: cover;
    background-position: bottom center;
    position: relative;
    top: 190px;
    padding: 3% 5% 96px 5%;
  }
  .content-bg-about {
    border-radius: 35px;
    min-width: 90%;
    background: rgb(255 255 255 /0.6);
    margin-top: 4%;
    margin-bottom: 4%;
    padding: 2% 3% 2% 3%;
    line-height: 1.2;
    display: inline-block;
    vertical-align: middle;
  }
  .content-wrapper-contact {
    background: url(../images/bg-contact-4k.jpg) no-repeat;
    background-position: bottom center;
    background-size: cover;
    position: relative;
    top: 110px;
    padding: 3% 5% 96px 5%;
  }
  .content-bg-contact {
    border-radius: 35px;
    max-width: 85%;
    background: rgb(255 255 255 /0.5);
    margin: 6% 8%;
    padding: 3% 4% 3% 4%;
    line-height: 1.1;
    vertical-align: middle;
  }
  .content-wrapper-networks {
    background: url(../images/bg-data-centre-4k.jpg) no-repeat;
    background-position: bottom center;
    background-size: cover;
    position: relative;
    top: 180px;
    text-align: justify;
    padding: 3% 5% 96px 5%;
  }
  .content-bg-networks {
    border-radius: 35px;
    min-width: 90%;
    background: rgb(255 255 255 /0.5);
    margin-top: 5%;
    margin-bottom: 10%;
    padding: 2% 3% 2% 3%;
    line-height: 1.2;
    display: inline-block;
    vertical-align: middle;
  }
  .content-bg-networks2 {
    border-radius: 35px;
    min-width: 90%;
    background: rgb(255 255 255 /0.6);
    margin-top: 3%;
    margin-bottom: 4%;
    padding: 2% 3% 2% 3%;
    line-height: 1.2;
    display: inline-block;
    vertical-align: middle;
  }
  .content-wrapper-cctv {
    background: url(../images/bg-cctv-4k.jpg) no-repeat;
    background-position: bottom center;
    background-size: cover;
    position: relative;
    top: 180px;
    text-align: justify;
    padding: 3% 5% 96px 5%;
  }
  .content-bg-cctv {
    border-radius: 35px;
    min-width: 90%;
    background: rgb(255 255 255 /0.5);
    margin-top: 5%;
    margin-bottom: 10%;
    padding: 3% 4% 3% 4%;
    line-height: 1.2;
    display: inline-block;
    vertical-align: middle;
  }
  .content-bg-cctv2 {
    border-radius: 35px;
    min-width: 90%;
    background: rgb(255 255 255 /0.6);
    margin-top: 3%;
    margin-bottom: 4%;
    padding: 3% 4% 3% 4%;
    line-height: 1.2;
    display: inline-block;
    vertical-align: middle;
  }
  .content-wrapper-access {
    background: url(../images/bg-access-4k.jpg) no-repeat;
    background-position: bottom center;
    background-size: cover;
    position: relative;
    top: 180px;
    text-align: justify;
    padding: 3% 5% 96px 5%;
  }
  .content-bg-access {
    border-radius: 35px;
    min-width: 90%;
    background: rgb(255 255 255 /0.5);
    margin-top: 5%;
    margin-bottom: 10%;
    padding: 3% 4% 3% 4%;
    line-height: 1.2;
    display: inline-block;
    vertical-align: middle;
  }
  .content-bg-access2 {
    border-radius: 35px;
    min-width: 90%;
    background: rgb(255 255 255 /0.5);
    margin-top: 3%;
    margin-bottom: 4%;
    padding: 3% 4% 3% 4%;
    line-height: 1.2;
    display: inline-block;
    vertical-align: middle;
  }
  .content-wrapper-intruder {
    background: url(../images/bg-intruder-4k.jpg) no-repeat;
    background-position: bottom center;
    background-size: cover;
    position: relative;
    top: 180px;
    text-align: justify;
    padding: 3% 5% 96px 5%;
  }
  .content-bg-intruder {
    border-radius: 35px;
    min-width: 90%;
    background: rgb(255 255 255 /0.5);
    margin-top: 5%;
    margin-bottom: 10%;
    padding: 3% 4% 3% 4%;
    line-height: 1.2;
    display: inline-block;
    vertical-align: middle;
  }
  .content-bg-intruder2 {
    border-radius: 35px;
    min-width: 90%;
    background: rgb(255 255 255 /0.5);
    margin-top: 3%;
    margin-bottom: 4%;
    padding: 3% 4% 3% 4%;
    line-height: 1.2;
    display: inline-block;
    vertical-align: middle;
  }
  .content-wrapper-b2b {
    background: url(../images/bg-b2b-4k.jpg) no-repeat;
    background-size: cover;
    background-position: bottom center;
    position: relative;
    top: 230px;
    padding: 3% 5% 96px 5%;
  }
  .content-bg-b2b {
    border-radius: 35px;
    min-width: 90%;
    background: rgb(255 255 255 /0.6);
    margin-top: 2%;
    padding: 2% 3% 2% 3%;
    line-height: 1.2;
    display: inline-block;
    vertical-align: middle;
  }
  .content-wrapper-surveying {
    background: url(../images/bg-drone-4k.jpg) no-repeat;
    background-size: cover;
    background-position: bottom center;
    position: relative;
    top: 150px;
    padding: 3% 5% 96px 5%;
  }
  .content-bg-surveying {
    border-radius: 35px;
    min-width: 90%;
    background: rgb(255 255 255 /0.6);
    margin-top: 4%;
    padding: 2% 3% 2% 3%;
    line-height: 1.2;
    display: inline-block;
    vertical-align: middle;
  }
  .content-wrapper-why-us {
    background: url(../images/bg-why-us-4k.jpg) no-repeat;
    background-size: cover;
    background-position: bottom center;
    position: relative;
    top: 180px;
    padding: 3% 5% 96px 5%;
  }
  .content-bg-why-us {
    border-radius: 35px;
    min-width: 90%;
    background: rgb(255 255 255 /0.6);
    margin-top: 3%;
    margin-bottom: 4%;
    padding: 2% 3% 2% 3%;
    line-height: 1.2;
    display: inline-block;
    vertical-align: middle;
  }
  .content-wrapper-legal {
    background: url(../images/bg-legal-4k.jpg) no-repeat;
    background-size: cover;
    background-position: bottom center;
    position: relative;
    top: 180px;
    padding: 3% 5% 96px 5%;
  }
  .content-bg-legal {
    border-radius: 35px;
    min-width: 90%;
    background: rgb(255 255 255 /0.8);
    margin-top: 3%;
    margin-bottom: 4%;
    padding: 2% 3% 2% 3%;
    line-height: 1.2;
    display: inline-block;
    vertical-align: middle;
  }
  .content-wrapper-high-sec {
    background: url(../images/bg-high-sec-4k.jpg) no-repeat;
    background-size: cover;
    background-position: bottom center;
    position: relative;
    top: 180px;
    padding: 3% 5% 96px 5%;
  }
  .content-wrapper-public {
    background: url(../images/bg-public-4k.jpg) no-repeat;
    background-size: cover;
    background-position: bottom center;
    position: relative;
    top: 180px;
    padding: 3% 5% 96px 5%;
  }
  .content-wrapper-commercial {
    background: url(../images/bg-commercial-4k.jpg) no-repeat;
    background-size: cover;
    background-position: bottom center;
    position: relative;
    top: 180px;
    padding: 3% 5% 96px 5%;
  }
  .content-wrapper-industrial {
    background: url(../images/bg-industrial-4k.jpg) no-repeat;
    background-size: cover;
    background-position: bottom center;
    position: relative;
    top: 180px;
    padding: 3% 5% 96px 5%;
  }
  .content-wrapper-domestic {
    background: url(../images/bg-domestic-4k.jpg) no-repeat;
    background-size: cover;
    background-position: bottom center;
    position: relative;
    top: 180px;
    padding: 3% 5% 96px 5%;
  }
  .content-bg-environments {
    border-radius: 35px;
    min-width: 90%;
    background: rgb(255 255 255 /0.7);
    margin-top: 3%;
    margin-bottom: 4%;
    padding: 2% 3% 2% 3%;
    line-height: 1.2;
    display: inline-block;
    vertical-align: middle;
  }
  .content-wrapper-gui {
    background: url(../images/bg-gui-4k.jpg) no-repeat;
    background-size: cover;
    background-position: bottom center;
    position: relative;
    top: 180px;
    padding: 3% 5% 96px 5%;
  }
  .content-wrapper-integrations {
    background: url(../images/bg-int-4k.jpg) no-repeat;
    background-size: cover;
    background-position: bottom center;
    position: relative;
    top: 180px;
    padding: 3% 5% 96px 5%;
  }
  .content-wrapper-barriers {
    background: url(../images/bg-barriers-4k.jpg) no-repeat;
    background-size: cover;
    background-position: bottom center;
    position: relative;
    top: 180px;
    padding: 3% 5% 96px 5%;
  }
  .content-wrapper-scr {
    background: url(../images/bg-scr-4k.jpg) no-repeat;
    background-size: cover;
    background-position: bottom center;
    position: relative;
    top: 180px;
    padding: 3% 5% 96px 5%;
  }
  .content-wrapper-redundancy {
    background: url(../images/bg-redundancy-4k.jpg) no-repeat;
    background-size: cover;
    background-position: bottom center;
    position: relative;
    top: 180px;
    padding: 3% 5% 96px 5%;
  }
  .content-bg-tech {
    border-radius: 35px;
    min-width: 90%;
    background: rgb(255 255 255 /0.6);
    margin-top: 3%;
    margin-bottom: 4%;
    padding: 2% 3% 2% 3%;
    line-height: 1.2;
    display: inline-block;
    vertical-align: middle;
  }
}

/* 720 up to 1080 */
@media screen and (min-width: 1281px) and (max-width: 1920px) {
  .content-wrapper-home {
    background: url(../images/bg-home-1080.jpg) no-repeat;
    background-size: cover;
    background-position: bottom center;
    position: relative;
    top: 150px;
    padding: 3% 5% 96px 5%;
  }
  .content-bg-home {
    border-radius: 35px;
    min-width: 90%;
    min-height: 90%;
    background: rgb(255 255 255 /0.6);
    margin-top: 5%;
    margin-bottom: 10%;
    padding: 2% 3% 2% 3%;
    line-height: 1.2;
    display: inline-block;
    vertical-align: middle;
  }
  .content-wrapper-about {
    background: url(../images/bg-about-1080.jpg) no-repeat;
    background-size: cover;
    background-position: bottom center;
    position: relative;
    top: 120px;
    padding: 3% 5% 96px 5%;
  }
  .content-bg-about {
    border-radius: 35px;
    min-width: 90%;
    background: rgb(255 255 255 /0.6);
    margin-top: 3%;
    margin-bottom: 3%;
    padding: 2% 3% 2% 3%;
    line-height: 1.2;
    display: inline-block;
    vertical-align: middle;
  }
  .content-wrapper-contact {
    background: url(../images/bg-contact-1080.jpg) no-repeat;
    background-position: bottom center;
    background-size: cover;
    position: relative;
    top: 100px;
    padding: 3% 5% 96px 5%;
  }
  .content-bg-contact {
    border-radius: 35px;
    max-width: 80%;
    background: rgb(255 255 255 /0.5);
    margin: 5% 6%;
    padding: 3% 4% 3% 4%;
    line-height: 1.1;
    vertical-align: middle;
  }
  .content-wrapper-networks {
    background: url(../images/bg-data-centre-1080.jpg) no-repeat;
    background-position: bottom center;
    background-size: cover;
    position: relative;
    top: 120px;
    text-align: justify;
    padding: 3% 5% 96px 5%;
  }
  .content-bg-networks {
    border-radius: 35px;
    min-width: 90%;
    background: rgb(255 255 255 /0.5);
    margin-top: 5%;
    margin-bottom: 10%;
    padding: 3% 4% 3% 4%;
    line-height: 1.2;
    display: inline-block;
    vertical-align: middle;
  }
  .content-bg-networks2 {
    border-radius: 35px;
    min-width: 90%;
    background: rgb(255 255 255 /0.6);
    margin-top: 3%;
    margin-bottom: 3%;
    padding: 3% 4% 3% 4%;
    line-height: 1.2;
    display: inline-block;
    vertical-align: middle;
  }
  .content-wrapper-cctv {
    background: url(../images/bg-cctv-1080.jpg) no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    top: 120px;
    text-align: justify;
    padding: 3% 5% 96px 5%;
  }
  .content-bg-cctv {
    border-radius: 35px;
    min-width: 90%;
    background: rgb(255 255 255 /0.5);
    margin-top: 5%;
    margin-bottom: 10%;
    padding: 3% 4% 3% 4%;
    line-height: 1.2;
    display: inline-block;
    vertical-align: middle;
  }
  .content-bg-cctv2 {
    border-radius: 35px;
    min-width: 90%;
    background: rgb(255 255 255 /0.6);
    margin-top: 3%;
    margin-bottom: 3%;
    padding: 3% 4% 3% 4%;
    line-height: 1.2;
    display: inline-block;
    vertical-align: middle;
  }
  .content-wrapper-access {
    background: url(../images/bg-access-1080.jpg) no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    top: 120px;
    text-align: justify;
    padding: 3% 5% 96px 5%;
  }
  .content-bg-access {
    border-radius: 35px;
    min-width: 90%;
    background: rgb(255 255 255 /0.5);
    margin-top: 5%;
    margin-bottom: 10%;
    padding: 3% 4% 3% 4%;
    line-height: 1.2;
    display: inline-block;
    vertical-align: middle;
  }
  .content-bg-access2 {
    border-radius: 35px;
    min-width: 90%;
    background: rgb(255 255 255 /0.5);
    margin-top: 3%;
    margin-bottom: 3%;
    padding: 3% 4% 3% 4%;
    line-height: 1.2;
    display: inline-block;
    vertical-align: middle;
  }
  .content-wrapper-intruder {
    background: url(../images/bg-intruder-1080.jpg) no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    top: 120px;
    text-align: justify;
    padding: 3% 5% 96px 5%;
  }
  .content-bg-intruder {
    border-radius: 35px;
    min-width: 90%;
    background: rgb(255 255 255 /0.5);
    margin-top: 5%;
    margin-bottom: 10%;
    padding: 3% 4% 3% 4%;
    line-height: 1.2;
    display: inline-block;
    vertical-align: middle;
  }
  .content-bg-intruder2 {
    border-radius: 35px;
    min-width: 90%;
    background: rgb(255 255 255 /0.5);
    margin-top: 3%;
    margin-bottom: 3%;
    padding: 3% 4% 3% 4%;
    line-height: 1.2;
    display: inline-block;
    vertical-align: middle;
  }
  .content-wrapper-b2b {
    background: url(../images/bg-b2b-1080.jpg) no-repeat;
    background-size: cover;
    background-position: bottom center;
    position: relative;
    top: 190px;
    padding: 3% 5% 96px 5%;
  }
  .content-bg-b2b {
    border-radius: 35px;
    min-width: 90%;
    background: rgb(255 255 255 /0.6);
    margin-top: 1%;
    padding: 2% 3% 2% 3%;
    line-height: 1.2;
    display: inline-block;
    vertical-align: middle;
  }
  .content-wrapper-surveying {
    background: url(../images/bg-drone-1080.jpg) no-repeat;
    background-size: cover;
    background-position: top center;
    position: relative;
    top: 130px;
    padding: 3% 5% 96px 5%;
  }
  .content-bg-surveying {
    border-radius: 35px;
    min-width: 90%;
    background: rgb(255 255 255 /0.6);
    margin-top: 4%;
    padding: 2% 3% 2% 3%;
    line-height: 1.2;
    display: inline-block;
    vertical-align: middle;
  }
  .content-wrapper-why-us {
    background: url(../images/bg-why-us-1080.jpg) no-repeat;
    background-size: cover;
    background-position: bottom center;
    position: relative;
    top: 100px;
    padding: 3% 5% 96px 5%;
  }
  .content-bg-why-us {
    border-radius: 35px;
    min-width: 90%;
    background: rgb(255 255 255 /0.6);
    margin-top: 3%;
    margin-bottom: 3%;
    padding: 2% 3% 2% 3%;
    line-height: 1.2;
    display: inline-block;
    vertical-align: middle;
  }
  .content-wrapper-legal {
    background: url(../images/bg-legal-1080.jpg) no-repeat;
    background-size: cover;
    background-position: bottom center;
    position: relative;
    top: 120px;
    padding: 3% 5% 96px 5%;
  }
  .content-bg-legal {
    border-radius: 35px;
    min-width: 90%;
    background: rgb(255 255 255 /0.8);
    margin-top: 3%;
    margin-bottom: 3%;
    padding: 2% 3% 2% 3%;
    line-height: 1.2;
    display: inline-block;
    vertical-align: middle;
  }
  .content-wrapper-high-sec {
    background: url(../images/bg-high-sec-1080.jpg) no-repeat;
    background-size: cover;
    background-position: bottom center;
    position: relative;
    top: 120px;
    padding: 3% 5% 96px 5%;
  }
  .content-wrapper-public {
    background: url(../images/bg-public-1080.jpg) no-repeat;
    background-size: cover;
    background-position: bottom center;
    position: relative;
    top: 120px;
    padding: 3% 5% 96px 5%;
  }
  .content-wrapper-commercial {
    background: url(../images/bg-commercial-1080.jpg) no-repeat;
    background-size: cover;
    background-position: bottom center;
    position: relative;
    top: 120px;
    padding: 3% 5% 96px 5%;
  }
  .content-wrapper-industrial {
    background: url(../images/bg-industrial-1080.jpg) no-repeat;
    background-size: cover;
    background-position: bottom center;
    position: relative;
    top: 120px;
    padding: 3% 5% 96px 5%;
  }
  .content-wrapper-domestic {
    background: url(../images/bg-domestic-1080.jpg) no-repeat;
    background-size: cover;
    background-position: bottom center;
    position: relative;
    top: 120px;
    padding: 3% 5% 96px 5%;
  }
  .content-bg-environments {
    border-radius: 35px;
    min-width: 90%;
    background: rgb(255 255 255 /0.7);
    margin-top: 3%;
    margin-bottom: 3%;
    padding: 2% 3% 2% 3%;
    line-height: 1.2;
    display: inline-block;
    vertical-align: middle;
  }
  .content-wrapper-gui {
    background: url(../images/bg-gui-1080.jpg) no-repeat;
    background-size: cover;
    background-position: bottom center;
    position: relative;
    top: 120px;
    padding: 3% 5% 96px 5%;
  }
  .content-wrapper-integrations {
    background: url(../images/bg-int-1080.jpg) no-repeat;
    background-size: cover;
    background-position: bottom center;
    position: relative;
    top: 120px;
    padding: 3% 5% 96px 5%;
  }
  .content-wrapper-barriers {
    background: url(../images/bg-barriers-1080.jpg) no-repeat;
    background-size: cover;
    background-position: bottom center;
    position: relative;
    top: 120px;
    padding: 3% 5% 96px 5%;
  }
  .content-wrapper-scr {
    background: url(../images/bg-scr-1080.jpg) no-repeat;
    background-size: cover;
    background-position: bottom center;
    position: relative;
    top: 120px;
    padding: 3% 5% 96px 5%;
  }
  .content-wrapper-redundancy {
    background: url(../images/bg-redundancy-1080.jpg) no-repeat;
    background-size: cover;
    background-position: bottom center;
    position: relative;
    top: 120px;
    padding: 3% 5% 96px 5%;
  }
  .content-bg-tech {
    border-radius: 35px;
    min-width: 90%;
    background: rgb(255 255 255 /0.6);
    margin-top: 3%;
    margin-bottom: 3%;
    padding: 2% 3% 2% 3%;
    line-height: 1.2;
    display: inline-block;
    vertical-align: middle;
  }
}

/* 576 up to 720 */
@media screen and (min-width: 721px) and (max-width: 1280px) {
  .content-wrapper-home {
    background: url(../images/bg-home-720.jpg) no-repeat;
    background-size: cover;
    background-position: bottom center;
    position: relative;
    top: 90px;
    padding: 3% 5% 96px 5%;
  }
  .content-bg-home {
    border-radius: 35px;
    min-width: 90%;
    background: rgb(255 255 255 /0.7);
    margin-top: 10%;
    margin-bottom: 10%;
    padding: 2% 3% 2% 3%;
    line-height: 1.2;
    display: inline-block;
    vertical-align: middle;
  }
  .content-wrapper-about {
    background: url(../images/bg-about-720.jpg) no-repeat;
    background-size: cover;
    background-position: bottom center;
    position: relative;
    top: 100px;
    padding: 3% 5% 96px 5%;
  }
  .content-bg-about {
    border-radius: 35px;
    min-width: 90%;
    background: rgb(255 255 255 /0.6);
    margin-top: 3%;
    margin-bottom: 3%;
    padding: 2% 3% 2% 3%;
    line-height: 1.2;
    display: inline-block;
    vertical-align: middle;
  }
  .content-wrapper-contact {
    background: url(../images/bg-contact-720.jpg) no-repeat;
    background-position: bottom center;
    background-size: cover;
    position: relative;
    top: 90px;
    padding: 3% 5% 96px 5%;
  }
  .content-bg-contact {
    border-radius: 35px;
    max-width: 80%;
    background: rgb(255 255 255 /0.5);
    margin: 5% 6%;
    padding: 3% 4% 3% 4%;
    line-height: 1.1;
    vertical-align: middle;
  }
  .content-wrapper-networks {
    background: url(../images/bg-data-centre-720.jpg) no-repeat;
    background-position: bottom center;
    background-size: cover;
    position: relative;
    top: 70px;
    text-align: justify;
    padding: 3% 5% 96px 5%;
  }
  .content-bg-networks {
    border-radius: 35px;
    min-width: 90%;
    background: rgb(255 255 255 /0.5);
    margin-top: 8%;
    margin-bottom: 10%;
    padding: 3% 4% 3% 4%;
    line-height: 1.2;
    display: inline-block;
    vertical-align: middle;
  }
  .content-bg-networks2 {
    border-radius: 35px;
    min-width: 90%;
    background: rgb(255 255 255 /0.6);
    margin-top: 5%;
    margin-bottom: 3%;
    padding: 3% 4% 3% 4%;
    line-height: 1.2;
    display: inline-block;
    vertical-align: middle;
  }
  .content-wrapper-cctv {
    background: url(../images/bg-cctv-720.jpg) no-repeat;
    background-position: bottom center;
    background-size: cover;
    position: relative;
    top: 70px;
    text-align: justify;
    padding: 3% 5% 96px 5%;
  }
  .content-bg-cctv {
    border-radius: 35px;
    min-width: 90%;
    background: rgb(255 255 255 /0.5);
    margin-top: 8%;
    margin-bottom: 10%;
    padding: 3% 4% 3% 4%;
    line-height: 1.2;
    display: inline-block;
    vertical-align: middle;
  }
  .content-bg-cctv2 {
    border-radius: 35px;
    min-width: 90%;
    background: rgb(255 255 255 /0.6);
    margin-top: 5%;
    margin-bottom: 3%;
    padding: 3% 4% 3% 4%;
    line-height: 1.2;
    display: inline-block;
    vertical-align: middle;
  }
  .content-wrapper-access {
    background: url(../images/bg-access-720.jpg) no-repeat;
    background-position: bottom center;
    background-size: cover;
    position: relative;
    top: 70px;
    text-align: justify;
    padding: 3% 5% 96px 5%;
  }
  .content-bg-access {
    border-radius: 35px;
    min-width: 90%;
    background: rgb(255 255 255 /0.5);
    margin-top: 8%;
    margin-bottom: 10%;
    padding: 3% 4% 3% 4%;
    line-height: 1.2;
    display: inline-block;
    vertical-align: middle;
  }
  .content-bg-access2 {
    border-radius: 35px;
    min-width: 90%;
    background: rgb(255 255 255 /0.5);
    margin-top: 5%;
    margin-bottom: 3%;
    padding: 3% 4% 3% 4%;
    line-height: 1.2;
    display: inline-block;
    vertical-align: middle;
  }
  .content-wrapper-intruder {
    background: url(../images/bg-intruder-720.jpg) no-repeat;
    background-position: bottom center;
    background-size: cover;
    position: relative;
    top: 70px;
    text-align: justify;
    padding: 3% 5% 96px 5%;
  }
  .content-bg-intruder {
    border-radius: 35px;
    min-width: 90%;
    background: rgb(255 255 255 /0.5);
    margin-top: 8%;
    margin-bottom: 10%;
    padding: 3% 4% 3% 4%;
    line-height: 1.2;
    display: inline-block;
    vertical-align: middle;
  }
  .content-bg-intruder2 {
    border-radius: 35px;
    min-width: 90%;
    background: rgb(255 255 255 /0.5);
    margin-top: 5%;
    margin-bottom: 3%;
    padding: 3% 4% 3% 4%;
    line-height: 1.2;
    display: inline-block;
    vertical-align: middle;
  }
  .content-wrapper-b2b {
    background: url(../images/bg-b2b-720.jpg) no-repeat;
    background-size: cover;
    background-position: bottom center;
    position: relative;
    top: 110px;
    padding: 3% 5% 96px 5%;
  }
  .content-bg-b2b {
    border-radius: 35px;
    min-width: 90%;
    background: rgb(255 255 255 /0.6);
    margin-top: 3%;
    padding: 2% 3% 2% 3%;
    line-height: 1.2;
    display: inline-block;
    vertical-align: middle;
  }
  .content-wrapper-surveying {
    background: url(../images/bg-drone-720.jpg) no-repeat;
    background-size: cover;
    background-position: bottom center;
    position: relative;
    top: 90px;
    padding: 3% 5% 96px 5%;
  }
  .content-bg-surveying {
    border-radius: 35px;
    min-width: 90%;
    background: rgb(255 255 255 /0.6);
    margin-top: 4%;
    padding: 2% 3% 2% 3%;
    line-height: 1.2;
    display: inline-block;
    vertical-align: middle;
  }
  .content-wrapper-why-us {
    background: url(../images/bg-why-us-720.jpg) no-repeat;
    background-size: cover;
    background-position: bottom center;
    position: relative;
    top: 80px;
    padding: 3% 5% 96px 5%;
  }
  .content-bg-why-us {
    border-radius: 35px;
    min-width: 90%;
    background: rgb(255 255 255 /0.6);
    margin-top: 3%;
    margin-bottom: 1%;
    padding: 2% 3% 2% 3%;
    line-height: 1.2;
    display: inline-block;
    vertical-align: middle;
  }
  .content-wrapper-legal {
    background: url(../images/bg-legal-720.jpg) no-repeat;
    background-size: cover;
    background-position: bottom center;
    position: relative;
    top: 70px;
    padding: 3% 5% 96px 5%;
  }
  .content-bg-legal {
    border-radius: 35px;
    min-width: 90%;
    background: rgb(255 255 255 /0.8);
    margin-top: 5%;
    margin-bottom: 3%;
    padding: 2% 3% 2% 3%;
    line-height: 1.2;
    display: inline-block;
    vertical-align: middle;
  }
  .content-wrapper-high-sec {
    background: url(../images/bg-high-sec-720.jpg) no-repeat;
    background-size: cover;
    background-position: bottom center;
    position: relative;
    top: 70px;
    padding: 3% 5% 96px 5%;
  }
  .content-wrapper-public {
    background: url(../images/bg-public-720.jpg) no-repeat;
    background-size: cover;
    background-position: bottom center;
    position: relative;
    top: 70px;
    padding: 3% 5% 96px 5%;
  }
  .content-wrapper-commercial {
    background: url(../images/bg-commercial-720.jpg) no-repeat;
    background-size: cover;
    background-position: bottom center;
    position: relative;
    top: 70px;
    padding: 3% 5% 96px 5%;
  }
  .content-wrapper-industrial {
    background: url(../images/bg-industrial-720.jpg) no-repeat;
    background-size: cover;
    background-position: bottom center;
    position: relative;
    top: 70px;
    padding: 3% 5% 96px 5%;
  }
  .content-wrapper-domestic {
    background: url(../images/bg-domestic-720.jpg) no-repeat;
    background-size: cover;
    background-position: bottom center;
    position: relative;
    top: 70px;
    padding: 3% 5% 96px 5%;
  }
  .content-bg-environments {
    border-radius: 35px;
    min-width: 90%;
    background: rgb(255 255 255 /0.7);
    margin-top: 5%;
    margin-bottom: 3%;
    padding: 2% 3% 2% 3%;
    line-height: 1.2;
    display: inline-block;
    vertical-align: middle;
  }
  .content-wrapper-gui {
    background: url(../images/bg-gui-720.jpg) no-repeat;
    background-size: cover;
    background-position: bottom center;
    position: relative;
    top: 70px;
    padding: 3% 5% 96px 5%;
  }
  .content-wrapper-integrations {
    background: url(../images/bg-int-720.jpg) no-repeat;
    background-size: cover;
    background-position: bottom center;
    position: relative;
    top: 70px;
    padding: 3% 5% 96px 5%;
  }
  .content-wrapper-barriers {
    background: url(../images/bg-barriers-720.jpg) no-repeat;
    background-size: cover;
    background-position: bottom center;
    position: relative;
    top: 70px;
    padding: 3% 5% 96px 5%;
  }
  .content-wrapper-scr {
    background: url(../images/bg-scr-720.jpg) no-repeat;
    background-size: cover;
    background-position: bottom center;
    position: relative;
    top: 70px;
    padding: 3% 5% 96px 5%;
  }
  .content-wrapper-redundancy {
    background: url(../images/bg-redundancy-720.jpg) no-repeat;
    background-size: cover;
    background-position: bottom center;
    position: relative;
    top: 70px;
    padding: 3% 5% 96px 5%;
  }
  .content-bg-tech {
    border-radius: 35px;
    min-width: 90%;
    background: rgb(255 255 255 /0.6);
    margin-top: 5%;
    margin-bottom: 3%;
    padding: 2% 3% 2% 3%;
    line-height: 1.2;
    display: inline-block;
    vertical-align: middle;
  }
}

/* Phone up to 576 */
@media screen and (min-width: 431px) and (max-width: 720px) {
  .content-wrapper-home {
    background: url(../images/bg-home-576.jpg) no-repeat;
    background-size: cover;
    background-position: bottom center;
    position: relative;
    top: 75px;
    padding: 3% 5% 96px 5%;
  }
  .content-bg-home {
    border-radius: 35px;
    min-width: 90%;
    background: rgb(255 255 255 /0.6);
    margin-top: 7%;
    margin-bottom: 10%;
    padding: 2% 3% 2% 3%;
    line-height: 1.2;
    display: inline-block;
    vertical-align: middle;
  }
  .content-wrapper-about {
    background: url(../images/bg-about-576.jpg) no-repeat;
    background-size: cover;
    background-position: bottom center;
    position: relative;
    top: 90px;
    padding: 3% 5% 96px 5%;
  }
  .content-bg-about {
    border-radius: 35px;
    min-width: 90%;
    background: rgb(255 255 255 /0.6);
    margin-top: 3%;
    padding: 2% 3% 2% 3%;
    line-height: 1.2;
    display: inline-block;
    vertical-align: middle;
  }
  .content-wrapper-contact {
    background: url(../images/bg-contact-576.jpg) no-repeat;
    background-position: bottom center;
    background-size: cover;
    position: relative;
    top: 100px;
    padding: 3% 5% 96px 5%;
  }
  .content-bg-contact {
    border-radius: 35px;
    max-width: 100%;
    background: rgb(255 255 255 /0.5);
    margin: 4% 5%;
    padding: 2% 4%;
    line-height: 1.1;
    vertical-align: middle;
  }
  .content-wrapper-networks {
    background: url(../images/bg-data-centre-576.jpg) no-repeat;
    background-position: bottom center;
    background-size: cover;
    position: relative;
    top: 60px;
    text-align: justify;
    padding: 3% 5% 96px 5%;
  }
  .content-bg-networks {
    border-radius: 35px;
    min-width: 90%;
    background: rgb(255 255 255 /0.5);
    margin-top: 6%;
    margin-bottom: 5%;
    padding: 3% 4% 3% 4%;
    line-height: 1.2;
    display: inline-block;
    vertical-align: middle;
  }
  .content-bg-networks2 {
    border-radius: 35px;
    min-width: 90%;
    background: rgb(255 255 255 /0.6);
    margin-top: 9%;
    padding: 3% 4% 3% 4%;
    line-height: 1.2;
    display: inline-block;
    vertical-align: middle;
  }
  .content-wrapper-cctv {
    background: url(../images/bg-cctv-576.jpg) no-repeat;
    background-position: bottom center;
    background-size: cover;
    position: relative;
    top: 60px;
    text-align: justify;
    padding: 3% 5% 96px 5%;
  }
  .content-bg-cctv {
    border-radius: 35px;
    min-width: 90%;
    background: rgb(255 255 255 /0.5);
    margin-top: 6%;
    margin-bottom: 5%;
    padding: 3% 4% 3% 4%;
    line-height: 1.2;
    display: inline-block;
    vertical-align: middle;
  }
  .content-bg-cctv2 {
    border-radius: 35px;
    min-width: 90%;
    background: rgb(255 255 255 /0.6);
    margin-top: 9%;
    padding: 3% 4% 3% 4%;
    line-height: 1.2;
    display: inline-block;
    vertical-align: middle;
  }
  .content-wrapper-access {
    background: url(../images/bg-access-576.jpg) no-repeat;
    background-position: bottom center;
    background-size: cover;
    position: relative;
    top: 60px;
    text-align: justify;
    padding: 3% 5% 96px 5%;
  }
  .content-bg-access {
    border-radius: 35px;
    min-width: 90%;
    background: rgb(255 255 255 /0.5);
    margin-top: 6%;
    margin-bottom: 5%;
    padding: 3% 4% 3% 4%;
    line-height: 1.2;
    display: inline-block;
    vertical-align: middle;
  }
  .content-bg-access2 {
    border-radius: 35px;
    min-width: 90%;
    background: rgb(255 255 255 /0.5);
    margin-top: 9%;
    padding: 3% 4% 3% 4%;
    line-height: 1.2;
    display: inline-block;
    vertical-align: middle;
  }
  .content-wrapper-intruder {
    background: url(../images/bg-intruder-576.jpg) no-repeat;
    background-position: bottom center;
    background-size: cover;
    position: relative;
    top: 60px;
    text-align: justify;
    padding: 3% 5% 96px 5%;
  }
  .content-bg-intruder {
    border-radius: 35px;
    min-width: 90%;
    background: rgb(255 255 255 /0.5);
    margin-top: 6%;
    margin-bottom: 5%;
    padding: 3% 4% 3% 4%;
    line-height: 1.2;
    display: inline-block;
    vertical-align: middle;
  }
  .content-bg-intruder2 {
    border-radius: 35px;
    min-width: 90%;
    background: rgb(255 255 255 /0.5);
    margin-top: 9%;
    padding: 3% 4% 3% 4%;
    line-height: 1.2;
    display: inline-block;
    vertical-align: middle;
  }
  .content-wrapper-b2b {
    background: url(../images/bg-b2b-576.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    top: 75px;
    padding: 3% 5% 96px 5%;
  }
  .content-bg-b2b {
    border-radius: 35px;
    min-width: 90%;
    background: rgb(255 255 255 /0.6);
    margin-top: 5%;
    padding: 2% 3% 2% 3%;
    line-height: 1.2;
    display: inline-block;
    vertical-align: middle;
  }
  .content-wrapper-surveying {
    background: url(../images/bg-drone-576.jpg) no-repeat;
    background-size: cover;
    background-position: bottom center;
    position: relative;
    top: 60px;
    padding: 3% 5% 96px 5%;
  }
  .content-bg-surveying {
    border-radius: 35px;
    min-width: 90%;
    background: rgb(255 255 255 /0.6);
    margin-top: 9%;
    padding: 2% 3% 2% 3%;
    line-height: 1.2;
    display: inline-block;
    vertical-align: middle;
  }
  .content-wrapper-why-us {
    background: url(../images/bg-why-us-576.jpg) no-repeat;
    background-size: cover;
    background-position: bottom center;
    position: relative;
    top: 70px;
    padding: 3% 5% 96px 5%;
  }
  .content-bg-why-us {
    border-radius: 35px;
    min-width: 90%;
    background: rgb(255 255 255 /0.6);
    margin-top: 8%;
    margin-bottom: 1%;
    padding: 2% 3% 2% 3%;
    line-height: 1.2;
    display: inline-block;
    vertical-align: middle;
  }
  .content-wrapper-legal {
    background: url(../images/bg-legal-576.jpg) no-repeat;
    background-size: cover;
    background-position: bottom center;
    position: relative;
    top: 60px;
    padding: 3% 5% 96px 5%;
  }
  .content-bg-legal {
    border-radius: 35px;
    min-width: 90%;
    background: rgb(255 255 255 /0.8);
    margin-top: 9%;
    padding: 2% 3% 2% 3%;
    line-height: 1.2;
    display: inline-block;
    vertical-align: middle;
  }
  .content-wrapper-high-sec {
    background: url(../images/bg-high-sec-576.jpg) no-repeat;
    background-size: cover;
    background-position: bottom center;
    position: relative;
    top: 60px;
    padding: 3% 5% 96px 5%;
  }
  .content-wrapper-public {
    background: url(../images/bg-public-576.jpg) no-repeat;
    background-size: cover;
    background-position: bottom center;
    position: relative;
    top: 60px;
    padding: 3% 5% 96px 5%;
  }
  .content-wrapper-commercial {
    background: url(../images/bg-commercial-576.jpg) no-repeat;
    background-size: cover;
    background-position: bottom center;
    position: relative;
    top: 60px;
    padding: 3% 5% 96px 5%;
  }
  .content-wrapper-industrial {
    background: url(../images/bg-industrial-576.jpg) no-repeat;
    background-size: cover;
    background-position: bottom center;
    position: relative;
    top: 60px;
    padding: 3% 5% 96px 5%;
  }
  .content-wrapper-domestic {
    background: url(../images/bg-domestic-576.jpg) no-repeat;
    background-size: cover;
    background-position: bottom center;
    position: relative;
    top: 60px;
    padding: 3% 5% 96px 5%;
  }
  .content-bg-environments {
    border-radius: 35px;
    min-width: 90%;
    background: rgb(255 255 255 /0.7);
    margin-top: 9%;
    padding: 2% 3% 2% 3%;
    line-height: 1.2;
    display: inline-block;
    vertical-align: middle;
  }
  .content-wrapper-gui {
    background: url(../images/bg-gui-576.jpg) no-repeat;
    background-size: cover;
    background-position: bottom center;
    position: relative;
    top: 60px;
    padding: 3% 5% 96px 5%;
  }
  .content-wrapper-integrations {
    background: url(../images/bg-int-576.jpg) no-repeat;
    background-size: cover;
    background-position: bottom center;
    position: relative;
    top: 60px;
    padding: 3% 5% 96px 5%;
  }
  .content-wrapper-barriers {
    background: url(../images/bg-barriers-576.jpg) no-repeat;
    background-size: cover;
    background-position: bottom center;
    position: relative;
    top: 60px;
    padding: 3% 5% 96px 5%;
  }
  .content-wrapper-scr {
    background: url(../images/bg-scr-576.jpg) no-repeat;
    background-size: cover;
    background-position: bottom center;
    position: relative;
    top: 60px;
    padding: 3% 5% 96px 5%;
  }
  .content-wrapper-redundancy {
    background: url(../images/bg-redundancy-576.jpg) no-repeat;
    background-size: cover;
    background-position: bottom center;
    position: relative;
    top: 60px;
    padding: 3% 5% 96px 5%;
  }
  .content-bg-tech {
    border-radius: 35px;
    min-width: 90%;
    background: rgb(255 255 255 /0.6);
    margin-top: 9%;
    padding: 2% 3% 2% 3%;
    line-height: 1.2;
    display: inline-block;
    vertical-align: middle;
  }
}
/* Phone Screen */
@media screen and (min-width: 1px) and (max-width: 430px) {
  .content-wrapper-home {
    background: url(../images/bg-home-576.jpg) no-repeat;
    background-size: cover;
    background-position: bottom center;
    position: relative;
    top: 75px;
    padding: 3% 5% 96px 5%;
  }
  .content-bg-home {
    border-radius: 35px;
    min-width: 90%;
    background: rgb(255 255 255 /0.6);
    margin-top: 25%;
    margin-bottom: 12%;
    padding: 2% 3% 2% 3%;
    line-height: 1.2;
    display: inline-block;
    vertical-align: middle;
  }
  .content-wrapper-about {
    background: url(../images/bg-about-576.jpg) no-repeat;
    background-size: cover;
    background-position: bottom center;
    position: relative;
    top: 140px;
    padding: 3% 5% 96px 5%;
  }
  .content-bg-about {
    border-radius: 35px;
    min-width: 90%;
    background: rgb(255 255 255 /0.6);
    margin-top: 5%;
    padding: 2% 3% 2% 3%;
    line-height: 1.2;
    display: inline-block;
    vertical-align: middle;
  }
  .content-wrapper-contact {
    background: url(../images/bg-contact-576.jpg) no-repeat;
    background-position: bottom center;
    background-size: cover;
    position: relative;
    top: 140px;
    padding: 3% 5% 96px 5%;
  }
  .content-bg-contact {
    border-radius: 35px;
    max-width: 95%;
    background: rgb(255 255 255 /0.5);
    margin: 5% 4%;
    padding: 2% 4%;
    line-height: 1.1;
    vertical-align: middle;
  }
  .content-wrapper-networks {
    background: url(../images/bg-data-centre-576.jpg) no-repeat;
    background-position: bottom center;
    background-size: cover;
    position: relative;
    top: 120px;
    text-align: justify;
    padding: 3% 5% 96px 5%;
  }
  .content-bg-networks {
    border-radius: 35px;
    min-width: 90%;
    background: rgb(255 255 255 /0.5);
    margin-top: 28%;
    margin-bottom: 29%;
    padding: 3% 4% 3% 4%;
    line-height: 1.2;
    display: inline-block;
    vertical-align: middle;
  }
  .content-bg-networks2 {
    border-radius: 35px;
    min-width: 90%;
    background: rgb(255 255 255 /0.6);
    margin-top: 12%;
    padding: 3% 4% 3% 4%;
    line-height: 1.2;
    display: inline-block;
    vertical-align: middle;
  }
  .content-wrapper-cctv {
    background: url(../images/bg-cctv-576.jpg) no-repeat;
    background-position: bottom center;
    background-size: cover;
    position: relative;
    top: 120px;
    text-align: justify;
    padding: 3% 5% 96px 5%;
  }
  .content-bg-cctv {
    border-radius: 35px;
    min-width: 90%;
    background: rgb(255 255 255 /0.5);
    margin-top: 28%;
    margin-bottom: 29%;
    padding: 3% 4% 3% 4%;
    line-height: 1.2;
    display: inline-block;
    vertical-align: middle;
  }
  .content-bg-cctv2 {
    border-radius: 35px;
    min-width: 90%;
    background: rgb(255 255 255 /0.6);
    margin-top: 12%;
    padding: 3% 4% 3% 4%;
    line-height: 1.2;
    display: inline-block;
    vertical-align: middle;
  }
  .content-wrapper-access {
    background: url(../images/bg-access-576.jpg) no-repeat;
    background-position: bottom center;
    background-size: cover;
    position: relative;
    top: 120px;
    text-align: justify;
    padding: 3% 5% 96px 5%;
  }
  .content-bg-access {
    border-radius: 35px;
    min-width: 90%;
    background: rgb(255 255 255 /0.5);
    margin-top: 28%;
    margin-bottom: 29%;
    padding: 3% 4% 3% 4%;
    line-height: 1.2;
    display: inline-block;
    vertical-align: middle;
  }
  .content-bg-access2 {
    border-radius: 35px;
    min-width: 90%;
    background: rgb(255 255 255 /0.5);
    margin-top: 12%;
    padding: 3% 4% 3% 4%;
    line-height: 1.2;
    display: inline-block;
    vertical-align: middle;
  }
  .content-wrapper-intruder {
    background: url(../images/bg-intruder-576.jpg) no-repeat;
    background-position: bottom center;
    background-size: cover;
    position: relative;
    top: 120px;
    text-align: justify;
    padding: 3% 5% 96px 5%;
  }
  .content-bg-intruder {
    border-radius: 35px;
    min-width: 90%;
    background: rgb(255 255 255 /0.5);
    margin-top: 28%;
    margin-bottom: 29%;
    padding: 3% 4% 3% 4%;
    line-height: 1.2;
    display: inline-block;
    vertical-align: middle;
  }
  .content-bg-intruder2 {
    border-radius: 35px;
    min-width: 90%;
    background: rgb(255 255 255 /0.5);
    margin-top: 12%;
    padding: 3% 4% 3% 4%;
    line-height: 1.2;
    display: inline-block;
    vertical-align: middle;
  }
  .content-wrapper-b2b {
    background: url(../images/bg-b2b-576.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    top: 115px;
    padding: 3% 5% 96px 5%;
  }
  .content-bg-b2b {
    border-radius: 35px;
    min-width: 90%;
    background: rgb(255 255 255 /0.6);
    margin-top: 12%;
    padding: 2% 3% 2% 3%;
    line-height: 1.2;
    display: inline-block;
    vertical-align: middle;
  }
  .content-wrapper-surveying {
    background: url(../images/bg-drone-576.jpg) no-repeat;
    background-size: cover;
    background-position: bottom center;
    position: relative;
    top: 125px;
    padding: 3% 5% 96px 5%;
  }
  .content-bg-surveying {
    border-radius: 35px;
    min-width: 90%;
    background: rgb(255 255 255 /0.6);
    margin-top: 11%;
    padding: 2% 3% 2% 3%;
    line-height: 1.2;
    display: inline-block;
    vertical-align: middle;
  }
  .content-wrapper-why-us {
    background: url(../images/bg-why-us-576.jpg) no-repeat;
    background-size: cover;
    background-position: bottom center;
    position: relative;
    top: 110px;
    padding: 3% 5% 96px 5%;
  }
  .content-bg-why-us {
    border-radius: 35px;
    min-width: 90%;
    background: rgb(255 255 255 /0.6);
    margin-top: 11%;
    padding: 2% 3% 2% 3%;
    line-height: 1.2;
    display: inline-block;
    vertical-align: middle;
  }
  .content-wrapper-legal {
    background: url(../images/bg-legal-576.jpg) no-repeat;
    background-size: cover;
    background-position: bottom center;
    position: relative;
    top: 120px;
    padding: 3% 5% 96px 5%;
  }
  .content-bg-legal {
    border-radius: 35px;
    min-width: 90%;
    background: rgb(255 255 255 /0.8);
    margin-top: 12%;
    padding: 2% 3% 2% 3%;
    line-height: 1.2;
    display: inline-block;
    vertical-align: middle;
  }
  .content-wrapper-high-sec {
    background: url(../images/bg-high-sec-576.jpg) no-repeat;
    background-size: cover;
    background-position: bottom center;
    position: relative;
    top: 120px;
    padding: 3% 5% 96px 5%;
  }
  .content-wrapper-public {
    background: url(../images/bg-public-576.jpg) no-repeat;
    background-size: cover;
    background-position: bottom center;
    position: relative;
    top: 120px;
    padding: 3% 5% 96px 5%;
  }
  .content-wrapper-commercial {
    background: url(../images/bg-commercial-576.jpg) no-repeat;
    background-size: cover;
    background-position: bottom center;
    position: relative;
    top: 120px;
    padding: 3% 5% 96px 5%;
  }
  .content-wrapper-industrial {
    background: url(../images/bg-industrial-576.jpg) no-repeat;
    background-size: cover;
    background-position: bottom center;
    position: relative;
    top: 120px;
    padding: 3% 5% 96px 5%;
  }
  .content-wrapper-domestic {
    background: url(../images/bg-domestic-576.jpg) no-repeat;
    background-size: cover;
    background-position: bottom center;
    position: relative;
    top: 120px;
    padding: 3% 5% 96px 5%;
  }
  .content-bg-environments {
    border-radius: 35px;
    min-width: 90%;
    background: rgb(255 255 255 /0.7);
    margin-top: 12%;
    padding: 2% 3% 2% 3%;
    line-height: 1.2;
    display: inline-block;
    vertical-align: middle;
  }
  .content-wrapper-gui {
    background: url(../images/bg-gui-576.jpg) no-repeat;
    background-size: cover;
    background-position: bottom center;
    position: relative;
    top: 120px;
    padding: 3% 5% 96px 5%;
  }
  .content-wrapper-integrations {
    background: url(../images/bg-int-576.jpg) no-repeat;
    background-size: cover;
    background-position: bottom center;
    position: relative;
    top: 120px;
    padding: 3% 5% 96px 5%;
  }
  .content-wrapper-barriers {
    background: url(../images/bg-barriers-576.jpg) no-repeat;
    background-size: cover;
    background-position: bottom center;
    position: relative;
    top: 120px;
    padding: 3% 5% 96px 5%;
  }
  .content-wrapper-scr {
    background: url(../images/bg-scr-576.jpg) no-repeat;
    background-size: cover;
    background-position: bottom center;
    position: relative;
    top: 120px;
    padding: 3% 5% 96px 5%;
  }
  .content-wrapper-redundancy {
    background: url(../images/bg-redundancy-576.jpg) no-repeat;
    background-size: cover;
    background-position: bottom center;
    position: relative;
    top: 120px;
    padding: 3% 5% 96px 5%;
  }
  .content-bg-tech {
    border-radius: 35px;
    min-width: 90%;
    background: rgb(255 255 255 /0.6);
    margin-top: 12%;
    padding: 2% 3% 2% 3%;
    line-height: 1.2;
    display: inline-block;
    vertical-align: middle;
  }
}