.navbar-brand img
{
	display: inline-block;
	margin-right: 10px;
	margin-top: -5px;
	vertical-align: top;
}

.navbar-fixed-top + .hero
{
	padding-top: 60px;
}

.hero
{
	background-color: #f2f2f2;
}

.hero h1
{
	font-size: 34px;
}

.hero-content
{
	padding: 60px 20px;
}

.hero-content h1, .hero-content h2, .hero-content h3
{
	margin-bottom: 40px;
}

.container.content
{
	padding-top: 30px;
	padding-bottom: 30px;
}

.container.content.page
{
	padding-top: 60px;
}

.content ul.toc
{
	border-top: 1px solid;
	border-bottom: 1px solid;
	padding-top: 20px;
	padding-bottom: 20px;
}

#download
{
    text-align: center;
}

#download p#ratings
{
    font-size: 26px;
}

#download p#ratings span
{
    padding-left: 10px;
    vertical-align: -4px;
    color: #444444;
}

#download img.rating_star
{
    padding-right: 6px;
}

#reviews h3
{
    margin-top: 40px;
    margin-bottom: 30px;
}

#reviews p.review-quote
{
    margin-bottom: 24px;
}

#reviews p.review-quote::before
{
    content: '“';
    display: inline-block;
    transform: translateY(1px) translateX(-5px) scale(2);
}

#reviews p.review-quote::after
{
    content: '”';
}

#features
{
	padding: 0;
	text-align: center;
}

#features img.left, #features img.right
{
	margin-bottom: 40px;
	max-width: 100%;
	width: auto;
	margin-left: auto;
	margin-right: auto;
}

#features li
{
	display: block;
	margin-top: 30px;
	clear: both;
}

.hero img
{
	max-width: 100%;
}

footer
{
	background-color: #2e2f2f;
	padding: 30px 0 40px;
	color: #cccccc;
}

@media (max-width: 450px)
{
	#features img.side
	{
		width: 100% !important;
		height: auto !important;
	}
}

@media (max-width: 998px)
{
    .hero img
    {
        height: auto !important;
    }
}

@media (min-width: 450px)
{
	.hero h1
	{
		font-size: 48px;
	}

	span.nobr
	{
		white-space: nowrap;
	}

	#features .feature
	{
		clear: both;
	}

	#features .feature img.side
	{
		margin-bottom: 60px;
	}

	#features .feature:nth-child(2n+1) img.side
	{
		float: left;
		margin-right: 20px;
	}

	#features .feature:nth-child(2n+1) h4, #features .feature:nth-child(2n+1) p
	{
		text-align: left;
	}

	#features .feature:nth-child(2n) img.side
	{
		float: right;
		margin-left: 20px;
	}

	#features .feature:nth-child(2n) h4, #features .feature:nth-child(2n) p
	{
		text-align: right;
	}
}

@media (min-width: 998px)
{
    #download
    {
        text-align: left;
    }

    #download .app-store-button
    {
        float: right;
        margin-top: 22px;
    }
}