@import url(https://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,600,700);
@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.css);

body {
  margin: 0;
  padding: 0;
  background-color: black;
  background-image: url(../images/bg-65.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top;
  height: 100%;
  font-family: "PT Sans Narrow";
}

@media only screen and (max-width: 600px) {
    body {
        background-image: url(../images/bg-65-mobile-2.png);
    }
}

.upper {
  height: 72vh;
}

.location {
  text-align: center;
}

.location p {
  margin: 3px;
  color: #DEB75C;
  font-size: 18px;
}

.newsletter {
  text-align: center;
}

.newsletter p {
  margin-top: 15px;
  margin-bottom: 3px;
  color: #DEB75C;
  font-size: 18px;
}

.signup {
  display: inline-block;
  margin-right: 5px;
}

.signup input {
  display: block;
  width: 225px;
  height: 18px;
  border: 0;
  border-radius: 3px;
  margin: 0 0 5px 0;
  padding: 6px 4px;
  background: #fff;
  font-family: 'PT Sans Narrow';
  font-size: 16px;
}

button[type="submit"]{
  vertical-align: top;
  height: 66px;
  width: 80px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 3px;
  background: pink;
  cursor: pointer;
  font-weight: 600;
  letter-spacing: 1px;
  color: #gray;
  font-family: 'PT Sans Narrow';
  font-size: 16px;
  background: linear-gradient(180deg, #F3DDA7, #CBA54A)
}

.social {
  width: 100%;
  text-align: center;
}

.social-icons {
  padding: 0;
  list-style: none;
}

.social-icons li {
  display: inline;
}

.social-icons a {
  color: white;
  text-decoration: none;
}

.fa {
  color: white;
}
.fa-facebook {
    padding:10px 14px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #322f30;
}
.fa-facebook:hover {
    background-color: #3d5b99;
}
.fa-twitter {
    padding:10px 14px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #322f30;
}
.fa-twitter:hover {
    background-color: #00aced;
  }

.fa-instagram {
    padding:10px 14px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #322f30;
}
.fa-instagram:hover {
    background-color: #e56969;
}

#svgContainer {
width: 100%;
height: auto;
background-color: transparent;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
z-index: -1;
}

a[href^="tel"]{
    color:inherit;
    text-decoration:none;
}
