body, h1, h2, h3 {
    font-family: 'Josefin Sans', sans-serif;
}

h1 {
    font-size: 2rem;
}

h1 small {
    font-size: 1.2rem;
}

h2 {
    font-size: 2.2rem;
    margin-bottom: .2rem;
}

a {
    color:  #FDCA03;
}

a:focus, a:hover {
    color: #E98516;
}

.label {
    background: #FDCA03;
}

.thumbnail:focus, .thumbnail:hover {
    box-shadow: 0 0 6px 1px rgba(233,133,22,.5);
}

.top-bar, hr {
    background: transparent;
    border-bottom: 1px solid #eee9e3;
    margin-bottom: 1rem;
}

.icon-container {
    background: url('/img/icon.png') no-repeat;
    padding-left: 30px;
}

.content-container {
    margin-bottom: 330px;
}

.progress {
    width: 7em;
    background-color: #E98516;
    margin: .3rem 0;
}

.progress.progress-beer .progress-meter {
    background-color: #FDCA03;
}

.footer {
    position: fixed;
    bottom: 0;
    width: 100%;
}

.beer-trigger {
	font-style: italic;
	margin-right: .5em;
}

.beer {
    background: url('/img/bg.png') repeat-x;
    height: 330px;
}

.tide {
    background: #FDCA03;
    height: 0;
    width: 100%;
    -moz-transition: height 800ms cubic-bezier(0.390, 0.575, 0.565, 1.000);
    -o-transition: height 800ms cubic-bezier(0.390, 0.575, 0.565, 1.000);
    transition: height 800ms cubic-bezier(0.390, 0.575, 0.565, 1.000);
}