body {
  background-image: url(img/bg_sickl.jpg);
  background-position: left center;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-color: #f5f5f5;
  margin: 0;
}

body:before {
  content: "";
  position: absolute;
  left: 0; right: 0;
  top: 0; bottom: 0;
  background: rgba(0,0,0,.03);
  z-index: -1;
}

.card_image {
  width: 100%;
  display: inherit;
  opacity: 0.95;
}

.card {
  position: absolute;
  right: 50px;
  bottom: 50px;
  width: 539px;
  max-width: 100%;
  border-radius: 10px;
  overflow: hidden;
  background-color: rgba(255, 255, 255, 0.90);
  -webkit-box-shadow: 0 15px 25px 0 rgba(0,0,0,.4);
    -moz-box-shadow: 0 15px 25px 0 rgba(0,0,0,.4);
    box-shadow: 0 15px 25px 0 rgba(0,0,0,.4);
}

.container {
  padding: 100px 30px;
}

@media only screen and (max-width: 639px) {
  .card {
    width: 100%;
    bottom: 0;
    border-radius: 0;
    left: 0;
    right: 0;
    background-color: rgba(255, 255, 255, 0.85);
    -webkit-box-shadow: 0 15px 25px 0 rgba(0,0,0,.1);
      -moz-box-shadow: 0 15px 25px 0 rgba(0,0,0,.1);
      box-shadow: 0 15px 25px 0 rgba(0,0,0,.1);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.85) 2%);
  }

}