* {
	box-sizing: border-box;
  }
  [class*="col-"] {
	float: left;
	padding: 15px;
	border: 1px solid red;
  }
/* For mobile phones: */
  [class*="col-"] {
		width: 100%;
	  }
@media only screen and (min-width: 984px) {
		/* For desktop: */
  .col-1 {width: 20%;}
  .col-2 {width: 55%;}
  .col-3 {width: 25%;}
}
.index {
    background-color: rgb(205,205,205);
    text-align: left;
    font-family: Verdana, Calibri, sans-serif;

  }
h1 {
	font-family: Verdana, Calibri, sans-serif;
    color: rgb(228,10,10);
	text-align: center;
	font-size: 32px;
  }
h2
  {
      font-family: Verdana, Calibri, sans-serif;
      color: rgb(26,106,30);
      text-align: center;
	  font-size: 14px;
  }
.h3_menu
  {
      font-family: Verdana, Calibri, sans-serif;
      color: rgb(26,106,30);
      text-align: left;
	  font-size: 14px;
  }
  h36
  {
      font-family: Verdana, Calibri, sans-serif;
      color: rgb(26,106,30);
      text-align: center;
	  font-size: 14px;
  }
  
p{
    font-family: Verdana, Calibri, sans-serif;
	text-align: left;
	color: rgb(26,106,30);
	font-size: 14px;
}
p.footer{
	font-family: Verdana, Calibri, sans-serif;
	text-align: left;
	color: rgb(26,106,30);
}

.article_link{
	font-family: Verdana, Calibri, sans-serif;
	color: red;
	text-align: none;
	text-decoration: none;
}
.index_header
{
	font-family: Verdana, Calibri, sans-serif;
	color: rgb(26,106,30);
	text-align: left;
	text-decoration: none;
}
.pdf_list
{
	font-family: Verdana, Calibri, sans-serif;
	color: rgb(26,106,30);
	text-align: left;
	text-decoration: none;
}
/* Create three columns/boxes that floats next to each other */
.header {
	text-align: center;
}

.menu {
	float: left;
	background: #ccc;
	padding: 10px;
  }
.article {
	float: left;
	padding: 20px;
	background-color: rgb(205,205,205);
  }
.articleright {
	float: left;
	padding: 20px;
  }
img {
	width: 100%;
	height: auto;
  }
li {
	float: left;
	padding: 20px;
  }
/* History pages */
.bodyhistory
{
	/* background-color: #ffffff; */
	color: #000000;
	font-family: Verdana, Calibri, sans-serif;
	font-size: 14px;
	background-image:url("./harkatien/images/Jalo_ja_Lyyli_Makela_perheineen_70_50.jpg");
}
p.history
{
	font-family: Verdana, Calibri, sans-serif;
	text-align: left;
	color: rgb(26,106,30);
}


h1.history
{
	font-family: Verdana, Calibri, sans-serif;
	color: rgb(26,106,30);
	text-align: center;
}
h2.history
{
	font-family: Verdana, Calibri, sans-serif;
	color: rgb(26,106,30);
	text-align: center;
}