@charset "UTF-8";
/* 

ORDOTOKSINEN KIRKKO
[www.ordotoxic.org]

*/

@import url("https://use.typekit.net/pfc6tqc.css");

body {
	background:#000000;
	color:#fbfbfb;
	background-image:url("img/intruusio_MG_6520_web.jpg"); 
	background-repeat:no-repeat;
	background-position: top center;
	background-attachment:fixed;
	background-size: cover;
	font-family: acumin-pro-condensed, Helvetica, Arial, sans-serif;
	font-size:1em;
    margin:0; border:0; padding:0;
}

h1, h2, h3, h4, h5 { 
	font-weight: 700;
	font-style: normal;
}

h3 {
	font-size:2em; 
}

#head { 
	position:fixed; top:0; left:0; width:100%; margin:0; padding:0; 
	background-color:rgba(0,0,0,0.50);
}

#logo {
	float:left;
	width:200px;
	max-width:25vw;	

}

#logo h1 {
	margin:1rem;
	padding:0;
}

#logo img {
	width:100%;
}

#menu { float:right; padding:2rem 1rem 1rem 1rem; }
#menu ul { list-style-type: none; margin:0; padding:0; }
#menu ul li { display: inline; }
#menu ul li a { text-decoration: none; padding:0.3rem; color: #ffffff; }
#menu ul li a:hover { color: #ffffff; background-color: #FF00A4; }

#content {
	width:100%; margin:90vh 0 0 0; padding:0; clear:both; font-size:1.5em;
}

.sect {
	box-sizing:border-box; width:100%; min-height:100vh; padding:5em 3em 5em 3em;  text-align:center;
}

#intruusioii { 
	text-align:center; 	
	background-image:url('img/bg_intruusioii.gif'); 
	background-repeat:no-repeat;
	background-position: top right;
	background-attachment:fixed;
	background-size: cover;
 }
#intruusio { 
	background-image:url('img/intruusio_MG_6527_web.jpg'); 
	background-repeat:no-repeat;
	background-position: top center;
	background-attachment:fixed;
	background-size: cover;
}
#manifesti { padding:2em; background-image:url('img/bg_manifesti1.jpg'); 
	background-repeat:no-repeat;
	background-position: top center;
	background-attachment:fixed;
	background-size: cover; }
#yhteys { text-align:center; background:#000000; min-height:50vh; padding-top:20vh; }

.galleria {	margin:1em;	padding:2em 1em 3em 1em; text-align:center; }
.gallery-item { display:inline-block; }
.gallery-item img { display:block; margin:1em; padding:0; border:5px solid #ffffff; width:100px; }

a { color:#ffffff; }
a:hover { color:#ffffff; background:#ff0099; text-decoration:none; }
h1 a:hover { background-color:transparent; }

@media screen and (max-width:1000px) {
	.sect { padding:3em 10vw 3em 10vw; }
	.galleria { margin:0; padding:2em 0 2em 0; }
}