/*
Theme Name: Mustajoki
Author: Mikko Hopia
Author URI: https://www.mustajoki.com
Description: Mustajoki sivupohja
Version: 1.0
*/

/* Reset */

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }
img { border: 0; }
ol, ul, dl { list-style: none; }
div { box-sizing: border-box; }

/* HTML5 */

article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, mark, time {  
	display:block;
}

body {
	background: #000 url(img/bg2.jpg) center center no-repeat;
	background-size: cover;
	background-attachment: fixed;
	color: #fff;
	font-family: 'Roboto Mono', monospace;
	text-align: center;
}

div.wrap {
	margin: 0 auto;
	max-width: 800px;
	padding: 40px 0 100px 0;
}

div.align-left {
	text-align: left;
}

div.align-right {
	text-align: right;
}

pre {
	font-size: 1.2rem;
	margin-bottom: 100px;
}

a {
	color: #fff;
}

img {
	height: auto;
	max-height: 80vh;
	max-width: 80%;
}

p {
	margin-bottom: 15px;
}

p.img {
	margin-bottom: 5px;
}

p.canceled {
  text-decoration: line-through;
}

h2 {
	font-family: 'Dancing Script', cursive;
	font-size: 2.5rem;
	margin-bottom: 20px;
}

p + h2,
div.align-right + h2,
div.align-right h2 {
	margin-top: 40px;
}

a.back {
	background: #fff;
	color: #000;
	display: inline-block;
	left: 20px;
	padding: 5px 10px;
	position: fixed;
	text-decoration: none;
	top: 20px;
}

div.ep-wrap {
	margin: 0 auto;
	max-width: 350px;
}

div.ep-wrap:after {
	content: "";
  display: table;
  clear: both;
}

div.ep {
	float: left;
	width: 50%;
}

iframe {
	width: 500px;
}

@media only screen and (max-width : 840px) {
	body {
		background: #000;
		font-size: 0.8rem;
		padding-top: 40px;
	}

	div.wrap {
		max-width: 90%;
	}

	pre {
		font-size: 1rem;	
	}

	a.back {
		position: absolute;
	}

	div.sanat p {
		white-space: nowrap;
	}

	iframe {
		width: 100%;
	}
}

/* 840 */