html {
  background: url('images/othbgphoto.jpeg') no-repeat center;
  background-size: cover;
}
body {
  /* background-image: url('images/bg-tile.png'); */
  min-height: 600px;
}
.logo {

  margin: 0 auto; 
  width: 80%;
  margin-top: 3%;
  margin-bottom: 2%;
}
.logo img {
  width: 100%;
  margin: 0 auto; 
}
.contact-details {
  background: rgba(255,255,255,0.7);
  padding: 40px;
  width: 320px;
  margin: 0 auto;
  font-size: 18px;
  line-height: 24px;
  font-family: helvetica;
  color: #347bb3;
}
a {
  color: #ff69b4;
}
@media screen and (max-width: 767px) {
  .logo {
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
  }

.contact-details {
  padding: 20px;
  margin:0px;
  }
}