body 
{
  padding-bottom:50px;font-family:"Montserrat";
  font-size:12px;
}
    
footer
{
  padding:20px;
}

.pill, .navbar
{
  background: url('../img/bg-black.png');
}

.jumbotron   
{
  color: #000;
  background-color: rgb(255,255,255,.7);
}

.pill   
{
  color: #fff;
  border-radius: 6px;
  font-size: 10px;
  padding: 10px;
  margin-bottom: 15px;
}

.pill h3 
{
  font-size: 1.5em;
  font-weight: bold;
}

.navbar-toggle .icon-bar 
{
  background-color: #fff;
}

#prevslide, #nextslide 
{
  background: transparent;
}

h1,h2,h3,h4,h5,h6 
{
  margin-top:0px;
}

h1
{
  font-family:"Patua One";
  letter-spacing:3px;
}

h2
{
  font-family:"Patua One";
  letter-spacing:1px;
}

h3
{
  font-family:"Patua One";
  letter-spacing:1px;
}

h4
{
  font-family:"Patua One";
  letter-spacing:1px;
}

h5
{
  font-family:"Patua One";
  letter-spacing:1px;
}

h6
{
  font-family:"Patua One";
  letter-spacing:1px;
}

p 
{
  font-size:1em;
  line-height:.8em;
}

div.feed>p 
{
  font-family:"Montserrat"; 
  font-size:12px; 
  line-height:16px
}
a {
    color: #96caf7;
}
.jumbotron a {
	color: #0e2d48;
}
@media screen and (min-width: 768px) {
	.jumbotron {
		text-align: center;
	}
    .jumbotron h1, .jumbotron .h1 {
        font-size: 1.5em;
		margin-bottom: 20px;
    }
    .jumbotron h2, .jumbotron .h2 {
		font-size: 1.3em;
		margin-bottom: 20px;
	}
	.jumbotron p {
    	line-height: 1.25em;
	}
	.pill {
		padding: 20px;
	}
	.btn {
		padding: 6px;
	}
}

@media (max-width: 480px) {
  .container .jumbotron {
    padding-right:10px;
    padding-left:10px;
  }
  .jumbotron h1{
    font-size: 1.1em;
  }
  .jumbotron h2 {
    font-size: 1em;
  }
  .jumbotron p {
    font-size: .6em;
  }
}