html {
		background: 
			url(../images/background/background_tile.png);
}

body {
	font-family: 'Roboto Slab', serif;
	color: #3f3f3f;
	background: 
		url(../images/background/pattern.png) top center no-repeat,
		url(../images/background/pattern.png) bottom center no-repeat;
		background-size: 100% auto;
}

.stretch {
	width: 100%;
	/*height: 100%;*/
}

.logo {
	padding: 12% 0 2% 0;
}

.trailer {
	padding: 0 0 2% 0;
}

.footer {
	padding: 4% 0 6% 0;
}

.text {
	margin-top: 1%;
	margin-bottom: 1%;
}

.storebutton {
	text-align: center;
	max-width: 312px;
	margin-top: 0%;
	margin-bottom: 0%;
}

.centered {
	text-align: center;
}

.signup {
	padding: 0% 0.1em 0% 0.1em;
	margin: 0 0 0.24em 0;
	text-align: center;
}

.signup-input {
	width: 100%;
	max-width: 350px;
}

h1
{
	-webkit-font-smoothing: antialiased;
	text-align: center;
	font-size: 2.6em;
	line-height: 1.2em;
	padding: 4% 0 0 0;
}

h3
{
	-webkit-font-smoothing: antialiased;
	font-size: 1.4em;
	line-height: 1.5em;
	text-align: center;
	padding: 0 4% 0 4%;
}

h4
{
	-webkit-font-smoothing: antialiased;
	font-size: 1.2em;
	text-align: center;
	padding: 0 0 0 0;
}

h5
{
	-webkit-font-smoothing: antialiased;
	font-size: 0.95em;
	line-height: 1.2em;
	text-align: center;
	padding: 0 20% 0 20%;
	margin: 0 0 0 0;
}

p
{
	-webkit-font-smoothing: antialiased;
	text-align: center;
	padding: 0 0 0 0;
}

a
{
	-webkit-font-smoothing: antialiased;
	color: #3f3f3f;
}
.modal-custom
{
	width: 100%;
	left: 0;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	box-shadow: none;
	border: none;
	border-radius: 0;
	text-align: center;
	background-color: black;
}

.modal-body
{
    max-height: none;
    padding: 0 0 0 0;
}