body {
  font-family: 'Volkhov';
  background: #f9f6ef;
  font-size: 62.5%
}

.subpage header {
  border-top: 3px solid #63402e;
  box-shadow: none;
  background: none;
  height: 11.25em;
}

.logo {
  width: 162px;
  height: 98px;
  /*width: 100%;*/
}

.logo img {
  width: 100%;
}

.phone {
  font-size: 2em;
  color: #3d2516;
  margin: 10px 0 0 35px;
}

.title {
  position: relative;
  white-space: nowrap;
  bottom: 5px;
  font-size: 1.5em;
  padding: 7px 15px 0 0;
  color: #fff;
  height: 40px;
  text-align: center;
  background: url("../../../images/hotels/sandpiper_inn/header-right.png") no-repeat top right;
}


footer {
  background: #c9aa7b;
  text-align: center;
  padding: 25px 0 0 0;
}

footer p {
  font-size: 1.4em;
  color: #381d0c;
}

footer p a {
  color: #381d0c !important;
}

footer p a:hover {
  color: #fff !important;
}

@media (max-width: 675px) {
  header .wrap1 p {
    margin-right: 50px;
  }

  .room_thumbnail img {
    height: 20%;
  }

  hgroup.deal h4 {
    font-size: 14px;
  }
}

@media (max-width: 500px) {
  header .logo {
    position: relative;
    top: 40px;
    width: 100px !important;
  }

  header .phone {
    font-size: 1.2em;
    top: 40px;
  }

  header .title p {
    position: relative;
    right: 180px;
    top: 0.5em;
    font-size: 0.8em;
    text-align: left;
  }

  header .row {
    padding: 0;
  }

  header .title {
    background: #63402e;
  }

  footer {
    font-size: 0.8em;
  }

}