@import url(https://fonts.googleapis.com/css?family=Marck+Script&subset=latin,latin-ext);

html { font-family: 'Marck Script', cursive; margin-bottom: 20px; }

@media (min-width: 768px) {
  .lead { font-size: 20px; margin-bottom:10px; }
  .header h1 { font-size: 54px; margin-top: 0; }
}

blockquote { border:0; }

a.fa { text-decoration: none; }
a.fa.fa-external-link { color: #333333; margin-left: 7px; font-size: 80%; }
a.fa.fa-external-link:hover { color: #000; }
.panel-primary a.fa.fa-external-link { color: #FFF; }
.panel-primary a.fa.fa-external-link:hover { color: #FFF; }
.btn { margin: 2px 0; }

.header .container-fluid { padding: 10px 20px; }
.header p { font-size: 24px; }
.header .fa-code { font-size: 110px; color:#e7e7e7; }
.aboutMeContainer img { margin-right: 20px; width: 120px; height: 120px; }
.aboutMeContainer h2 { margin-top: 0; }

.socialContainer a { font-size: 40px; margin-right: 10px; color:#222222; }
.socialContainer a:hover { color:#222222; text-decoration: none; }
.socialContainer .fa-foursquare { font-size: 36px; }