* {
  box-sizing: border-box;
  }
body
{
	text-align: justify;
	background: url(https://jodochus.net/bel/k/tausta2.png) fixed; 
	font-size: 12pt;
	font-family: 'Cardo', serif;
	letter-spacing: 0px;
	color: #000000;
	line-height: 16px;
	cursor: default;
}


.main {   

	width: 84%;
	position: relative;
	margin: auto;
	border-bottom: 10px solid #e3e3e3;
	border-top: 10px solid #e3e3e3;
	font-family: 'Cardo', serif;
	color: #000000;
	line-height: 16px;
	text-align: justify;
	cursor: default;

}
.container{
display: flex;
  flex-direction: row;
	position: relative;
	margin: auto;
	width: 100%; 
border:0px;

}

.column1 {
  float: left;
	font-family: 'Old Standard TT';
	font-size:12pt;
	color:#171916;
	font-weight:500;
	line-height:20px;
  width: 35%;
  background: #f4f4f4;
  padding: 35px;
}

.column2 {
  float: left;
  width: 65%;
  background: #ffffff;
	font-family: 'Old Standard TT';
	font-size:11pt;
	color:#171916;
	font-weight:500;
	line-height:20px;
  padding: 35px;
}

.container:after {
  content: "";
  display: table;
  clear: both;
}
.paikky {
  width: 99%;
  height: 350px;
  overflow: auto;
font-family: 'Montserrat';
	font-size: 11pt;
	color: #051039;
	font-style: normal;
	line-height: 22px;
	text-align: justify;
	cursor: default;
}
.paikky2 {
  width: 99%;
  height: 500px;
  overflow: auto;
font-family: 'Montserrat';
	font-size: 10pt;
	color: #051039;
	font-style: normal;
	line-height: 22px;
	text-align: justify;
	cursor: default;
}
.white{
    font-family: "Playfair Display", serif;
    font-weight:400;
	color: #051039;
	font-size:12pt;
    text-shadow: 1px #eaeaea;
    letter-spacing:1px;

}

.hr {
	border: 1px dashed #eaeaea;
}
.i{
font-family: 'Montserrat';
    font-weight:400;
    font-style:italic;
    color: #999999;
    font-size:11pt;
    text-shadow: 1px #eaeaea;
    letter-spacing:1px;

}
.txt{
font-family: 'Montserrat';
	font-size: 11pt;
	color: #051039;
	font-style: normal;
	line-height: 22px;
	text-align: justify;
	cursor: default;
}
.txtp{
font-family: 'Montserrat';
	font-size: 9pt;
	color: #051039;
	font-style: normal;
	line-height: 22px;
	text-align: justify;
	cursor: default;
 }
.txt2{
font-family: 'Montserrat';
	font-size: 11pt;
	color: #051039;
	font-style: normal;
	line-height: 22px;
	text-align: justify;
	cursor: default;
    text-shadow: 1px #eaeaea;
    letter-spacing:1px;

 }
.txt3{
font-family: 'Montserrat';
	font-size: 14pt;
	color: #051039;
	font-style: normal;
	line-height: 22px;
	text-align: center;
	cursor: default;
    text-shadow: 1px #eaeaea;
 }

.suku {
  font-family: 'Montserrat';
	font-size: 11pt;
	color: #051039;
	letter-spacing:-1px;
	font-style: normal;
	line-height: 22px;
	text-transform:uppercase;
	text-align: justify;
	cursor: default;
}
.h2 {
font-family: 'Montserrat';
	font-size: 26pt;
	color: #ed0000;
	padding: 0px 0px 20px 0px;
	border-bottom: #D9D9D9 1px solid; 
	text-transform:uppercase;
	line-height: 26px;
	text-align: justify;
	cursor: default;

}

.h3{
font-family: 'Montserrat';
	font-size: 16pt;
	color: #ed0000;
	padding: 30px 0px 10px 0px;
	border-bottom: #D9D9D9 1px solid; 
	line-height: 22px;
	text-align: justify;
	cursor: default;

 }

.ylaot {
  font-family: 'Playfair Display';
	font-size: 42pt;
	text-shadow : 0px 0px 10px #050813;
	color: #ffffff;
	padding: 30px 0px 30px 0px;
	font-style: bold;  
	font-weight: 300;
	letter-spacing:2px;
	text-transform:uppercase;
  line-height:33px;	
text-align: center;
	cursor: default;
}



A:link{color:#051039;text-decoration:none;cursor:hand;font-weight:bold;}
A:visited{color:#051039;text-decoration:none;cursor:hand;font-weight:bold;}
A:active{color:#ed0000;text-decoration:underline;cursor:hand;font-weight:bold;}
A:hover{color:#ed0000;text-decoration:underline;cursor:hand;font-weight:bold;transition: all .3s linear;
}

/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: local('Montserrat Light'), local('Montserrat-Light'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_cJD3gTD_u50.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: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: local('Montserrat Light'), local('Montserrat-Light'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_cJD3g3D_u50.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: local('Montserrat Light'), local('Montserrat-Light'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_cJD3gbD_u50.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: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: local('Montserrat Light'), local('Montserrat-Light'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_cJD3gfD_u50.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: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: local('Montserrat Light'), local('Montserrat-Light'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_cJD3gnD_g.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 */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/playfairdisplay/v21/nuFvD-vYSZviVYUb_rj3ij__anPXJzDwcbmjWBN2PKdFvXDTbtPY_Q.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/playfairdisplay/v21/nuFvD-vYSZviVYUb_rj3ij__anPXJzDwcbmjWBN2PKdFvXDYbtPY_Q.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: 'Playfair Display';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/playfairdisplay/v21/nuFvD-vYSZviVYUb_rj3ij__anPXJzDwcbmjWBN2PKdFvXDZbtPY_Q.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: 'Playfair Display';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/playfairdisplay/v21/nuFvD-vYSZviVYUb_rj3ij__anPXJzDwcbmjWBN2PKdFvXDXbtM.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;

}

.image
{
		border:8px solid #e3e3e3;
}
@media screen and (max-width: 700px) {
  .main{
    width: 96%;
  }
  .container {
    flex-direction: column;
  }
  .column1 {
    width: 100%;
    display: block;
  }
  .column2 {
    width: 100%;
    display: block;
  }
  .txt2, .suku {
  font-size:10pt;
  }
  .txt3 {
  font-size:11pt;
  }
  .ylaot {
  font-size:33pt;
  line-height:33px;
  }
  .pikkuhaka {
  font-size:1em;
  }
  .haka {
  font-size:2em;
}