body {
  background:none;
  margin:0 auto;
  font-family:'Ubuntu',sans-serif;
}

.container {
  background:#fff;
  margin:0px auto;
  padding:0px 0 0px 0;
  box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
}

.logo-container {
  margin:0 auto;
  padding:0;
  text-align:center;
  background-image:url('http://geringspoolsandcontracting.com/img/logo-bg.png');
}

.logo-container img {
  position:absolute;
  bottom:-60px;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  display:none;
}

.logo {
  height:350px;
  max-width:523px;
  background:url('../img/gerings-no-bg.png') no-repeat center;
  background-size:cover;
  margin:0 auto;
  position:relative;
}

#arrow-logo-container {
  height:111px;
}

#arrow-logo-container img {
  display:none;
}

.arrow-container {
  text-align:center;
  padding:70px 5px 15px 5px;
}


.arrow-container h2 {
  text-transform: uppercase;
  font-size:36px;
  color:#123e72;
  margin:30px 0;
  font-weight:700;
}

.arrow-container .button {
  background:#2863ab;
  cursor: pointer;
  border-radius:5px;
  transition: all .5s ease;
  font-family:'Ubuntu',sans-serif;
  font-size:18px;
}

.arrow-container .button:hover {
  background:#578db0;
}

.callouts {
  background:url('../img/callout-bg.png');
  background-size:cover;
  margin:0 auto;
  text-align:center;
  padding:60px 0 40px 0;
}

.callout-container {
  width:90%;
  margin:0 auto;
}

.callout {
  text-align: center;
  margin-bottom:30px !important;
}

.callout-heading {
  font-size:28px;
  margin-bottom:10px;
  color:#fff;
}

.callout p {
  color:#fff;
  font-size:16px;
}

.callout .button {
  background:#dcdcdc;
  color:#1a5ea4;
  border-radius:5px;
  transition:all .5s ease;
  font-family:'Ubuntu',sans-serif;
  font-size:18px;
}

.callout .button:hover {
  background:#fff;
  color:#222;
}

.button i {
  vertical-align: top;
}

.contact-box {
  margin-bottom:30px !important;
}

.phone-number {
  font-size:23px;
  font-weight:700;
  color:#1b1c20;
}

.phone-number:before {
  content:url('../img/phone-icon.png');
  margin-right:5px;
}

.address {
  text-align:center;
  font-size:18px;
  font-style:italic;
  font-weight:700;
  margin:15px auto 0 auto;
}

.address:before{
  content:url('../img/place-icon.png');
  margin-right:5px;
  vertical-align: sub;
}

/* Medium Up */
@media only screen and (min-width: 40.063em) {

}
/* Large Up */
@media only screen and (min-width: 64.063em) {

  body {
      background:url('../img/arrow-splash.png');
      background-size:cover;
  }

  .callout {
    text-align: left;
  }
  .logo-container {
    width:100%;
  }
  .logo {
    width:100%;
    background:url('../img/gpc-logo.png') no-repeat center;
    background-size:cover;
  }
  .address {
    text-align: left;
    margin:0 auto;
  }
  .container {
  margin:90px auto;
  padding:15px 0 15px 0;
}
}