main.css

@charset "UTF-8";
@import url("//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css");
@import url(//fonts.googleapis.com/css?family=Open+Sans:400,700,800,300);

/* Responsive Hero Image Homepage CSS */
.hero {
  background: url("/img/doctor_patient-min.jpg") no-repeat center center;
  background-size: cover;
  height: 93.5vh; }

.hero .intro {
  padding: 2rem;
  position: relative;
  top: 50%;
  transform: translateY(-50%); }

@media only screen and (min-width: 40.063em) {
  .hero h1 {
    padding-top: 10rem;
    text-align: center;}
    /*font-size: 2.5rem; }*/
  .hero h3 {
    text-align: center;}
    /*font-size: 1.5rem;}*/
  .hero h5 {
    text-align: center; } }

/* Responsive Footer CSS */
footer {
  background: #2d2b2a;
  color: #fff;
  padding: 2rem 0;
  text-align: center;
  font-size: .8rem;
  color: rgba(255, 255, 255, 0.4);
}
footer ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
footer ul li {
  display: inline-block;
}
footer ul li a {
  display: block;
  padding: .4rem .7rem;
  font-size: .9rem;
  text-decoration: none;
  color: rgba(255, 255, 255, 0.7);
}
footer ul li a:hover {
  color: white;
}