#sliding-popup{
  width: 100%;
  height: 33%;
  /*
  background-color: #c83f3f;
  background-color: #e39f9f;

  */
  background-color: rgba(200,63,63,0.5);
  z-index: 10000;

}

#sliding-popup > div{
  display: table;
  height: 100%;
  width: 100%;


}

#sliding-popup .popup-content{
  display: table-cell;
  vertical-align: middle;
  text-align:center;
  padding-left: 25%;
  padding-right: 25%;
}

#sliding-popup .popup-content #popup-text{
  color: #fff;
  font-family: 'Merriweather Sans Bold';
  font-style: normal;
  font-weight: normal;
  float: none;
  max-width: 100%;
  background-color: #c83f3f;
  padding-bottom: 10px;
  padding-top: 10px;
}

#sliding-popup .popup-content #popup-buttons{
  padding: 25px;
  display: block;
  float: none;
  max-width: 100%;
  background-color: #c83f3f;
}

#sliding-popup button{
  display: inline-block;

  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid #fff;
  border-radius: 0px;
  background-color: #c83f3f;
  color: white;
}

/* Portrait and Landscape */
@media only screen
  and (min-device-width: 320px)
  and (max-device-width: 736px){
    #sliding-popup{
      width: 100%;
      height: 50%;
      /*
      background-color: #c83f3f;
      background-color: #e39f9f;

      */
      background-color: rgba(200,63,63,0.5);
      z-index: 10000;

    }

    #sliding-popup .popup-content{
      display: table-cell;
      vertical-align: middle;
      text-align:center;
      padding-left: 0;
      padding-right: 0;
    }

    #sliding-popup .popup-content #popup-buttons{
      padding: 0;
      display: block;
      float: none;
      max-width: 100%;
      background-color: #c83f3f;
      padding-bottom: 10px;
    }
}