/* epilaser.fi */
body {
	font-family: 'Raleway', sans-serif;
	font-weight: 400;
	color: #414141;
	font-size: 15px;
	text-decoration: none;
}
h1, h2, h3, h4 {
	font-weight: 700;
	line-height: 1.5em;
	color: #000000;
	text-decoration: none;
}
h3 a {
color:#fff;
}
h3 a:hover {
color: #2980b9;
}
h4 a {
color:#000;
}
h4 a:hover {
color: #2980b9;
}

p {
	line-height: 32px;
}
a {
	color: #1b9fe0;
}
header {
	padding: 50px 25px;
	color: #fff;
	text-shadow: 0 1px 2px rgba(0,0,0,.6);
}
header h1 {
	font-size: 4.5em;
	line-height: 1.5em;
	color: #fff;
}
section {
	padding: 75px 25px;
}
section.dark {
	border-top: 1px solid #E9EDF1;
	border-bottom: 1px solid #E9EDF1;
	background: #F5F7F9;
}
footer {
	padding: 25px 25px 15px;
	color: #ddd;
	background: #404144;
}

/* utility classes */
.margin-top-25 {
	margin-top: 25px;
}
.margin-top-50 {
	margin-top: 50px;
}
.margin-top-100 {
	margin-top: 100px;
}

/* navbar */
.navbar {
	margin-bottom: 0;
}
.navbar-inverse {
	background-color: #414141;
	border-color: #414141;
}
.navbar-inverse .navbar-nav>li>a {
	color: #b7b7b7;
}

/* other */
.overlay {
	position: absolute;
	display: block;
	top: 55%;
	width: 90%;
	margin-top: -50px;
}
.overlay a h3 {
	color: #fff;
	text-shadow: 0 1px 2px rgba(0,0,0,.85);
}
.overlay a:hover {
	text-decoration: none;
}

/* responsive classes */
@media (min-width: 1200px) {
	.container {
		width: 980px;
	}
}
@media (min-width: 768px) {
	/* something */
}
@media (max-width: 480px) {
	header h1 {
		font-size: 3em;
	}
}