/*__________________________________

Yleiset tyylit

=================================== */

html { 
  background: url(../img/bg.jpeg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

body {
	background-color: transparent;
	font-family: "Lato", Helvetica, Arial, sans-serif;
}

h1, h2, h3 {
	font-family: "Caveat", cursive;
}

/*__________________________________

Luokkakohtaiset tyylit

=================================== */

.section-one {
/*	background-color: rgba(255, 245, 238, .85);
*/	
	background-color: transparent;
	border-top: 10px solid rgb(250,235,215);
	min-height: 250px;
}

.logo a {
	background: url(../img/logo2.png) no-repeat;
	display: inline-block;
	height: 200px;
	margin-top: 2rem;
	width: 200px;
	text-indent: -9999px;
}

.blockquote-big {
	color: rgb(47,79,79);
	font-family: "Caveat", cursive;
	font-size: 2rem;
	/*font-weight: lighter;*/
}

.blockquote-big p span {
	background-color: rgba(255, 255, 255, .85);
	padding: .5rem .75rem;
}

.section-two {
	background-color: rgba(0, 0, 0, .85);
	color: whitesmoke;
	margin-top: 2rem;
}

.section-two .row {
	border-bottom: 1px dotted rgb(211,211,211);
	margin-top: 1rem;
	padding-bottom: 2rem;
}

.section-two .row:first-of-type,
.section-two .row:last-of-type {
	border-bottom: none;
}

.section-two ul {
	list-style: none;
	padding: 0;
}

.section-two p span {
	display: inline-block;
	margin-top: 1rem;
}


.section-two h2 {
	font-size: 3rem;
}

.section-two h2::after {
	border-bottom: 2px solid rgb(255,66,66);
	content: "";
	display: block;
}

.section-two img {
	border: 15px solid rgba(255, 245, 238, 1);
}

.section-three {
	background-color: rgba(0, 0, 0, .85);
	color: whitesmoke;
	margin-top: 2rem;
}

.section-three p {
	padding-top: 1rem;
}

.section-three a {
	color: rgb(255,66,66);
}