html, body {
  font-size: 16px;
  height: 100%;
}

img {
    max-width: 100%;
    height: auto;
}

/* ----------------------------- Header ----------------------- */


.phw-header {
  padding-bottom: 10px;
  background: #2D7EA5;
  background-color: #2D7EA5;
  background-image: -webkit-gradient(linear, left top, right top, from(#325083), color-stop(40em, #2D7EA5));
  background-image: linear-gradient(to right, #325083, #2D7EA5 40em);
  border-bottom: 2px solid #BDD7EA;
}

.navbar-brand img.logo {
    max-width: 100%;
    height: auto;
}


/* ----------------------------- Main Body ----------------------- */

h1{
  font-size: 2rem;
  margin-bottom: 1rem;
  letter-spacing: .35px;
  color: #383838;
  font-weight: 500;
}

p {
  font-size: 1rem;
  line-height: 1.55;
  letter-spacing: .45px;
  color: #383838;
  font-weight: 400;
}


/* ----------------------------- Footer ----------------------- */
footer {
  background-image: linear-gradient(to right, #325083, #2D7EA5 40em);
  width: 100%;
}

@media (max-width: 575px) {  

  .navbar .container {
    padding: 0;
  }

}