body{
	font-family: 'Roboto', sans-serif;
}
h1,h2,h3,h4,h5,h6,quotes{
	font-family: 'Abril Fatface', cursive;
}
quotes{
	font-size:2.4rem;
	opacity: 0.5;
}
.container {
  max-width: 800px; }
article,.main{
  padding-top:2rem;
}
.navbar {
  display: none; }
.brand{
	font-size:1.9rem !important;
	font-family: 'Abril Fatface', cursive !important;
}
.u-text-center{
	text-align:center;
}
.u-text-muted{
	opacity: 0.5;
}
img.center {
    display: block;
    margin: 0 auto;
}
.social-links{
	list-style:none;
}
.social-links li{
	display:inline;
	padding:1rem;
}
/* POST HEADER*/
.post-header{
	color:#222222;
	text-decoration:none;
}

hr.u-hr {
	border : 0;
  height: 1px; 
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)); 
}

/* Larger than tablet */
@media (min-width: 750px) {
  /* Navbar */
  .navbar + .docs-section {
    border-top-width: 0; }
  .navbar,
  .navbar-spacer {
    display: block;
    width: 100%;
    height: 6.5rem;
    background: #fff;
    z-index: 99;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee; }
  .navbar-spacer {
    display: none; }
  .navbar > .container {
    width: 100%; }
  .navbar-list {
    list-style: none;
    margin-bottom: 0; }
  .navbar-item {
    position: relative;
    float: left;
    margin-bottom: 0; }
  .navbar-link {
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .2rem;
    margin-right: 35px;
    text-decoration: none;
    line-height: 6.5rem;
    color: #222; }
  .navbar-link.active {
    color: #33C3F0;  }


}