body
{
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

header a
{
	font-size: 65px;
	font-weight: 300;
	color: inherit !important;
}

header small
{
	display: block;
	font-size: 26px;
	font-weight: 300;
	color: #777;
}

.container, nav
{
	margin-top: 1em;
}

.container
{
	max-width: 970px;
}

/* to override bootstrap's selector */
nav ul.nav li a {
	color: inherit;
	display: block;
	font-size: 25px;
	font-weight: 300;
	text-decoration: none;
	padding: 2px 0 2px 15px;
	transition: background-color ease .2s;
}

nav ul.nav li a.active
{
	font-weight: 400;
}

@media (max-width: 978px) {
	.container
	{
		margin-top: 0;
	}
	h1 small
	{
		margin-top: 0;
	}

	nav ul.nav li a {
		padding-top: 0;
		padding-bottom: 0;
	}
}


@media (max-width: 450px) {
	header a, header small {
		display: block;
		text-align: center;
		font-size: 50px;
		font-size: 12.5vw;
	}
	header small {
		font-size: 20px;
		font-size: 5vw;
	}
}

/* android < 4.4 doesn't support viewport units */
@media (max-width: 350px) {
	header a, header small {
		font-size: 40px;
		font-size: 12.5vw;
	}
	header small {
		font-size: 15px;
		font-size: 5vw;
	}
}

span.phone
{
	background: url("../images/telefon.png") no-repeat left center;
	display: block;
	height: 23px;
}

section.website img
{
	width: 100%;
	box-shadow: 0 0 3px -1px #333;
	border: 1px solid #666;
	transition: box-shadow ease .2s;
}

section.website img:hover
{
	box-shadow: 0 0 5px -1px #000;
}

section.website h2 small
{
	line-height: 33px;
}

section.website
{
	margin-bottom: 3em;
}