.streetlight-bg {
   background: linear-gradient(to right, #122848fb, #122848cc), url(/images/welcome_streetlight.jpg) no-repeat center center;
   background-size: cover;
}

.setup-bg {
   background: linear-gradient(to right, #122848f8, #122848b6), url(/images/welcome_setup.jpg) no-repeat center center;
   background-size: cover;
}

.map-bg {
   background: linear-gradient(to right, #122848f8, #122848b6), url(/images/welcome_map.jpg) no-repeat center center;
   background-size: cover;
}

.ballfield-bg {
   background: linear-gradient(to right, #122848f8, #122848b6), url(/images/welcome_ballfield.jpg) no-repeat center center;
   background-size: cover;
}

.its-bg {
   background: linear-gradient(to right, #122848f8, #122848b6), url(/images/welcome_its.jpg) no-repeat center center;
   background-size: cover;
}

.climate-bg {
   background: linear-gradient(to right, #122848f8, #122848b6), url(/images/welcome_climate1.jpg) no-repeat center center;
   background-size: cover;
}

.wellpump-bg {
   background: linear-gradient(to right, #122848f8, #122848b6), url(/images/welcome_wellpump1.jpg) no-repeat center center;
   background-size: cover;
}

.platformlight-bg {
   background: linear-gradient(to right, #122848f8, #122848b6), url(/images/platformlight_md.jpg) no-repeat center center;
   background-size: cover;
}

.form-container {
  width: 100%;
  max-width: 480px;
}

.custom-padding {
  padding: 2rem 1rem 2rem 1rem;
}



/* Medium devices (tablets, 768px and up) */

@media (min-width: 768px) {
  
  .masterview-title {
     font-size: 5rem;
  }

  .custom-padding {
     padding: 2rem 5rem 2rem 5rem;
  }
  
}