.smartphone-preview {
  width: 343px;
  height: auto;
  border-bottom: 1px solid #333;
  margin-left: auto;
  margin-right: auto;
}

.smartphone-preview .smartphone-header {
  width: 343px;
  height: 207px;
  background-image: url("../images/smartphone_header-yk-g_XA.png");
  background-repeat: no-repeat;
}

.smartphone-preview .smartphone-header .date {
  position: relative;
  top: 57px;
  text-align: center;
  font-weight: bold;
}

.smartphone-preview .smartphone-header .from {
  position: relative;
  top: 106px;
  text-align: center;
}

.smartphone-preview .smartphone-body {
  width: 343px;
  min-height: 5px;
  background-image: url("../images/smartphone_body-12YCmOX.png");
  background-repeat: repeat-y;
  padding: 0 100px 0 32px;
  text-align: left;
}

.smartphone-preview .smartphone-footer {
  width: 343px;
  height: 23px;
  background-image: url("../images/smartphone_footer-O5JfZq6.png");
  background-repeat: no-repeat;
}