html, body {
  padding-bottom:64px;
  font-family:'Raleway', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

/****************
 ** Typography **
 ****************/

h1 {
  margin-top:0;
  text-align:center;
  line-height:56px;
  font-size:56px;
  font-weight:300;
  color:rgba(0,0,0,0.80);
}
  h1 small {
    display:block;
    line-height:28px;
    font-size:20px;
    font-weight:400;
    color:rgba(0,0,0,0.67);
  }
h2 {
  margin-bottom:16px;
  font-size:24px;
  font-weight:400;
  color:rgba(0,0,0,0.67);
}
p {
  margin:0 0 12px;
  font-size:16px;
  font-weight:400;
  color:rgba(0,0,0,0.67);
}
  p.lead {
    font-size:20px;
    font-weight:400;
    color:rgba(0,0,0,0.67);
  }
strong {
  font-weight:500;
}
div.space {
  height:12px;
}

/**************
 ** Elements **
 **************/

.card {
  margin-bottom:12px;
  padding:24px 24px 8px;
  border-radius:4px;
  background-color:#fff;
  box-shadow:0 2px 5px rgba(0,0,0,0.25);
}

#jumbotron {
  padding:250px 0 30px;
  margin-bottom:30px;
  background:url(../img/skyline-incursion.jpg);
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center center;
}

#profile {
  margin:-135px auto 16px;
  width:150px;
  height:150px;
  border-radius:75px;
  overflow:hidden;
  border:5px solid #fff;
  box-shadow:0 2px 20px rgba(0,0,0,0.25);
}
  #profile > img {
    width:100%;
  }
#action-links {
  margin:0;
  padding:0;
  list-style:none;
  overflow:hidden;
}
  #action-links > li {
    float:left;
    padding-bottom:12px;
    width:50%;
    white-space:nowrap;
  }
  #action-links > li > a > img {
    margin-right:10px;
    width:36px;
  }
  #action-links > li > a:hover > img {
    border-radius:18px;
    box-shadow:0 2px 10px rgba(0,0,0,0.25);
  }


/* Medium devices (desktops, 992px and up) */
@media(min-width: 992px) {
}