.banner-h2
  {
    color: #fff;
  }
  
  
  .newsletter-banner  {
    background: url("https://www.processsensing.com/includes/img/banner_pop_up.png") no-repeat center;
    background-size: cover;
    color: #fff;
    padding-bottom: 5%;
    font-size: 13px;
    text-align: center;
    position: fixed;
    bottom: 0;
    margin: 0 0 3% 0;
    width: 100%;
    z-index: 10;
    opacity:0;
    animation:show 3s 30s forwards;
    transition: .5s;
  }

   /* Banner Close button*/
  .banner_close { 
    color: #e30616; 
    cursor: pointer;
  }

  .banner_close:hover {
    color: #4A4A49;
  }

  .banner_buttonbox
  {
    padding: 2% 5% 8% 0;
    width: 35px; 
    float: right;
  }

  #bannerHide{
    visibility: hidden;
  }


  /* End of Banner Close button*/

.banner_cta 
{
  padding: 0 5% 5% 5%;
}
  
 @keyframes show {
    to {opacity:1}
  }

   
  .banner-hide {
    display: none;
  }


  /* Medium devices (tablets, 579px and up) for the pop banner*/
@media (min-width: 579px) {
  
  .banner_close { 
    color: #e30616; 
    cursor: pointer;
  }

  .banner_buttonbox
  {
    padding: 2% 7% 8% 0;
  }
 
.banner_cta
{
  padding: 0 4% 4% 4%;
}

  .newsletter-banner {
    padding: 10%;
    font-size: 22px;
    text-align: center;
    position: fixed;
    bottom: 0;
    padding: 0;
    margin: 0 20% 3% 20%;
    width: 40%;
  }


}