/* MOBILE */
@media  only screen and (max-width: 480px),
only screen and (max-width: 720px) and (min-device-pixel-ratio : 1.5),
only screen and (max-width: 720px) and (-webkit-min-device-pixel-ratio : 1.5) {
  body {
    /*background-color: #f0f;*/
  }

  #d3dlogo {
    /*width: 399px;*/
    height: 57px;
    background-image: url('../img/logo_smaller_wide.png');
    top:  7px;
  }

  .popup {
    /*background-color: rgba(255, 255, 255, 0.6);*/
    background-color: rgba(245, 245, 245, 0.65);
    position: absolute;
    bottom: 0;
    left: 0;
    top: 75px;
    width: 100%;
    height: auto;
    margin: 0;

    /*-moz-box-shadow:    0 0 0 3px rgba(16, 16, 16, 1.0), 0 2px 6px 0 rgba(16, 16, 16, 0.65), 0 6px 6px -2px rgba(16, 16, 16, 0.2) inset;*/
    /*-webkit-box-shadow: 0 0 0 3px rgba(16, 16, 16, 1.0), 0 2px 6px 0 rgba(16, 16, 16, 0.65), 0 6px 6px -2px rgba(16, 16, 16, 0.2) inset;*/
    box-shadow:         0 0 0 2px rgba(16, 16, 16, 0.8), 0 2px 6px 0 rgba(16, 16, 16, 0.65), 0 6px 6px -2px rgba(16, 16, 16, 0.2) inset;
    border: 0;
    border-radius: 0;
    /*-moz-border-radius: 15px;*/
    /*-webkit-border-radius: 15px;*/
    overflow-x: hidden;
    overflow-y: scroll;
  }

  .bgContainer {
    /*display: none;*/
  }

  #list {
    padding: 0;
  }
  #list li {
    list-style-type: none;
    float: none;
  }

}

