body{
	background: url(http://jodochus.net/k/bajonet_t3.jpeg) repeat fixed; 
	font-family:georgia;
	margin:40px auto;
	font-size:12pt;
	color:#fff8ef;
	text-align: justify;
	letter-spacing:0.5pt;
	}
#iso{
	background: #575738 url(http://jodochus.net/k/bajonet_t2.png) repeat-x; 
	text-align: justify;
	width:1100px;
  display: table;
  margin: 0 auto;
	position: relative;
	box-shadow: 0 0 30px #080000;

}

		.hpalkki{
		font-family: 'Quintessential';
		font-size: 11pt;
		color: #fff8ef; 
		letter-spacing: 6px;
		padding: 20px 0px 20px 0px;
		background: #575738 url(http://jodochus.net/k/bajonet_t2.jpeg);
		box-shadow: inset  0  30px 30px -30px #080000, inset  0 -30px 30px -30px #080000;

}
.teksti{
	font-family: 'Source Serif Pro', serif;
	font-size:14pt;
	color:#FEE3AE;
	font-weight:500;
	padding:0px 50px 0px 50px;
	text-shadow: 1px #000000;
	letter-spacing:0.5pt;
	line-height:23px;

}
.tekstip{
	font-family: 'Source Serif Pro', serif;
	font-size:12pt;
	color:#fff8ef;
	font-weight:500;
	padding:0px 50px 0px 50px;
	text-shadow: 1px #000000;
	letter-spacing:0.5pt;
	line-height:23px;

}
.tekstiv{
	font-family: 'Source Serif Pro', serif;
	font-size:12pt;
	color:#fff8ef;
	font-weight:500;
	padding:0px 50px 0px 50px;
	text-shadow: 1px #000000;
	letter-spacing:0.5pt;
	line-height:23px;

}
.ala{
	font-family: 'Source Serif Pro', serif;
	font-size:8pt;
	color:#fff8ef;
	font-weight:500;
	text-align:center;
	text-shadow: 1px #000000;
	letter-spacing:0.5pt;
	line-height:23px;

}
.txt{
	font-family: 'Cinzel', serif;
	font-size:13pt;
	text-align: center;
	color:#fff8ef;
	letter-spacing:0.5pt;
	line-height:23px;
}
.img {
	box-shadow: 0px 2px 20px #080000;
}
.imgres {
	box-shadow: 0px 2px 20px #080000;
    width: 70%;
  filter: sepia(70%);
}



.h2{
font-family: 'Staatliches', sans-serif;
font-weight: normal;
text-align:center;
text-shadow: 0px 0px 4px #000000;
letter-spacing: 2pt;
padding: 40px 30px 10px 30px;
text-transform: uppercase;
color:#FEE3AE; 
font-size: 4.5em;

}
.h3{
	font-family: 'Staatliches', serif;
	font-weight: normal;
	text-align:left;
	text-shadow: 0px 0px 15px #080000;
	letter-spacing: 4pt;
	color: #FEE3AE; 
	padding:30px 50px 0px 50px;
	font-size: 25pt;

}
.h1{
	font-family: 'Quintessential', serif;
	font-weight: normal;
	text-align:left;
	text-shadow: 0px 0px 15px #080000;
	letter-spacing: 4pt;
	color: #fff2d8; 
	padding:10px 30px 0px 50px;
	font-size: 25pt;

}



.h2p{
font-family: 'Cinzel', sans-serif;
font-weight: normal;
text-shadow: 0px 0px 4px #000000;
letter-spacing: 2pt;
padding: 0px 0px 0px 20px;
text-transform: uppercase;
color:#FEE3AE; 
font-size: 1em;

}
.sukuteksti
{
	text-align: center;
	font-size: 13pt;
	color: #fff8ef;
	line-height: 22px;
	font-weight: 500;
	letter-spacing: -1px;
	font-family: 'Cinzel', serif;
}
.column {
  display:         flex;
  flex-wrap:       wrap;
  justify-content: center;
padding: 30px;
font-family: 'Cinzel', sans-serif;
font-weight: normal;
text-align:center;
text-shadow: 0px 0px 4px #000000;
letter-spacing: 2pt;
text-transform: uppercase;
color:#FEE3AE; 
font-size: 1.2em;
}

.containerTab {
  padding: 10px;

}

.row:after {
  content: "";
  display: table;
  clear: both;
}

.closebtn {
  float: right;
}
A:link{color:#24241a;text-decoration:none;cursor:hand;font-weight:bold;}
A:visited{color:#24241a;text-decoration:none;cursor:hand;font-weight:bold;}
A:active{color:#45442b;text-decoration:none;cursor:hand;font-weight:bold;}
A:hover{color:#45442b;text-decoration:none;cursor:hand;font-weight:bold;transition: all .3s linear;
}
/* latin-ext */
@font-face {
  font-family: 'Staatliches';
  font-style: normal;
  font-weight: 400;
  src: local('Staatliches Regular'), local('Staatliches-Regular'), url(https://fonts.gstatic.com/s/staatliches/v2/HI_OiY8KO6hCsQSoAPmtMYeVvpCNOw.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Staatliches';
  font-style: normal;
  font-weight: 400;
  src: local('Staatliches Regular'), local('Staatliches-Regular'), url(https://fonts.gstatic.com/s/staatliches/v2/HI_OiY8KO6hCsQSoAPmtMYebvpA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Cuprum';
  font-style: normal;
  font-weight: 400;
  src: local('Cuprum Regular'), local('Cuprum-Regular'), url(https://fonts.gstatic.com/s/cuprum/v10/dg4k_pLmvrkcOkBNK-tCt70.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Cuprum';
  font-style: normal;
  font-weight: 400;
  src: local('Cuprum Regular'), local('Cuprum-Regular'), url(https://fonts.gstatic.com/s/cuprum/v10/dg4k_pLmvrkcOkBNIutCt70.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Cuprum';
  font-style: normal;
  font-weight: 400;
  src: local('Cuprum Regular'), local('Cuprum-Regular'), url(https://fonts.gstatic.com/s/cuprum/v10/dg4k_pLmvrkcOkBNKetCt70.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Cuprum';
  font-style: normal;
  font-weight: 400;
  src: local('Cuprum Regular'), local('Cuprum-Regular'), url(https://fonts.gstatic.com/s/cuprum/v10/dg4k_pLmvrkcOkBNKOtCt70.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Cuprum';
  font-style: normal;
  font-weight: 400;
  src: local('Cuprum Regular'), local('Cuprum-Regular'), url(https://fonts.gstatic.com/s/cuprum/v10/dg4k_pLmvrkcOkBNJutC.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Cinzel';
  font-style: normal;
  font-weight: 400;
  src: local('Cinzel Regular'), local('Cinzel-Regular'), url(https://fonts.gstatic.com/s/cinzel/v8/8vIJ7ww63mVu7gt7-GT7LEc.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Cinzel';
  font-style: normal;
  font-weight: 400;
  src: local('Cinzel Regular'), local('Cinzel-Regular'), url(https://fonts.gstatic.com/s/cinzel/v8/8vIJ7ww63mVu7gt79mT7.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */
@font-face {
  font-family: 'Source Serif Pro';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sourceserifpro/v10/neIXzD-0qpwxpaWvjeD0X88SAOeasd8ctSGqxLUv.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Source Serif Pro';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sourceserifpro/v10/neIXzD-0qpwxpaWvjeD0X88SAOeasd8ctSiqxLUv.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'Source Serif Pro';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sourceserifpro/v10/neIXzD-0qpwxpaWvjeD0X88SAOeasd8ctS-qxLUv.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Source Serif Pro';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sourceserifpro/v10/neIXzD-0qpwxpaWvjeD0X88SAOeasd8ctSOqxLUv.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Source Serif Pro';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sourceserifpro/v10/neIXzD-0qpwxpaWvjeD0X88SAOeasd8ctSKqxLUv.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Source Serif Pro';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sourceserifpro/v10/neIXzD-0qpwxpaWvjeD0X88SAOeasd8ctSyqxA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@media (max-width: 1000px) {

	#iso {
		width: 100%;
	}


@media screen and (max-width: 600px) {
  .column, .containerTab {
    width: 100%;
  }
}