* Not required
*/

html, body, .container {
height: 100%;
}

/* Reset */
html, body, h1, p, a, div, section {
margin: 0;
padding: 0;
font-size: 100%;
font: inherit;
}

/* Basic */
body {
font: 18px/23px "Cantarell", sans-serif;
color: #ffffff;
}

h1 {
color: #8ab462;
text-transform: uppercase;
font-size: 40px;
line-height: 50px;
font-weight: 400;
margin-top: 20px;
}

a {
color: #ffffff;
}

p {
margin: 0 0 15px 0;
}

strong {
font-weight: 700;
}

blockquote {
display: block;
max-width: 480px;
margin: 15px auto;
padding: 15px;
background-color: rgba(0, 0, 0, 0.3);
color: #e1e1e1;
font-family: "Kotta One", serif;
font-size: 22px;
line-height: 28px;
}

blockquote cite {
display: block;
font: 18px/23px "Cantarell", sans-serif;
font-size: 16px;
margin-top: 16px;
color: #cccccc;
text-transform: uppercase;
}

/* Layout */

.navbar {
width: 100%;
background-color: rgba(26, 110, 182, 0.6);
height: 40px;
z-index: 9999;
position: fixed;
}

.inner {
position: relative;
margin: 0 auto;
text-align: center;
}

.navbar a {
display: inline-block;
border: 1px solid #fff;
font-size: 14px;
line-height: 24px;
border-radius: 3px;
padding: 2px 15px;
text-decoration: none;
margin-top: 5px;
}

.container {
display: table;
padding-top: 80px;
width: 100%;
}

.content {
display: table-cell;
vertical-align: middle;
text-align: center;
}

/* Special */
.sub-title {
margin: 50px auto;
font-size: 18px;
line-height: 23px;
text-transform: uppercase;
}

.button {
font: arial;
display: inline-block;
padding: 6px 10px;
color: #004f9d;
border: 1px solid #004f9d;
border-radius: 3px;
font-weight: 700;
line-height: normal;
text-decoration: none;
text-align: center;
text-transform: uppercase;
}

#more-content {
display: none;
}

/* Media Queries */
@media only screen and (max-width: 340px) {

.container {
position: relative;
display: block;
float: left;
vertical-align: baseline;
margin: 0 auto;
padding: 80px 0 0 0;
}

#more-content {
float: left;
margin-right: 10px;
}

body h1 {
font-size: 18px;
line-height: 23px;
}

.content, blockquote {
display: inline;
margin: 0 auto;
padding-top: 80px;
vertical-align: baseline;
}

blockquote {
width: 150px;
margin: 15px auto;
font-size: 16px;
line-height: 21px;
background-color: transparent;
}

blockquote cite {
font-size: 14px;
line-height: 19px;
}

.sub-title {
font-size: 14px;
line-height: 21px;
}

.button, p {
max-width: 150px;
margin: 0 auto;
font-size: 15px;
line-height: 20px;
}

html, body, .container {
height: auto;
}
}