html, body {
  text-align:center;
  color:#fff;
  vertical-align:middle;
  height:100%;
  width:100%;
  background:#1b1d1e;
  font-family: 'Open Sans', sans-serif;
}

body {
  margin: 0;
  display:table;
}

#main {
  display:table-cell;
  text-align:center;
  vertical-align:middle;
}

#text-wrap {
  position: relative;
  z-index: 9999;
  top: -175px;
}

h1 {
  font-size: 2em;
  font-family: 'Open Sans', sans-serif;
  font-weight:200;
}

h2 {
  font-size:1.5em;
  padding-top:10px;
  font-family: 'Open Sans', sans-serif;
  font-weight:400;
}

span#phone {
  font-weight:600;
  color:#8aacd3;
}

p {
  font-size: 1em;
  padding-top:100px;
  color: #fff;
}

#logo {
  display:block;
  margin: 0 auto;
  min-width:400px;
  max-width:75%;
}

@media only screen and (max-width : 768px) {
  #text-wrap {
    top:-20vw;
  }

  h1{
    font-size:5vw;
  }

  h2 {
    font-size:4vw;
  }

  #logo {
    max-width:85%;
  }
}

@media only screen and (max-width : 768px) and (orientation : portrait) {
  #text-wrap {
    left:-10px;
  }

  #logo {
    margin-left:-10px;
  }
}