* {
	margin: 0;
	padding: 0;
}
#wrapper {
	max-width: 1200px;
	margin: 0 auto;
}
img {
	display: block;
	max-width: 100%;
	height: auto;
	width: auto;
	margin-bottom: -4px;
}
.one-third {
	width: 29%;
	float: left;
	margin: 2%;
}
img:hover {
	opacity: .8;
}
@media screen and (max-width: 768px) {
	.one-third {
		width: 48%;
		margin: 1%;
	}
}
@media screen and (max-width: 480px) {
	.one-third {
		width: 98%;
		margin: 1%;
	}
}

body {
	background-color: black;
}

#ylaosa {
	color: white;
	height: 100%;
    width: 100%;
	text-align: center;
	padding-bottom: 5%;
	padding-top: 5%;
	
}

#title {
	font-family: 'Unifrakturcook';
	font-size: 400%;	
}

#subtitle {
	font-family: 'Unifrakturcook'	
}

.topnav {
	background-color: black;
	overflow: hidden;
	padding-bottom: 5%;
	text-align: center;

}


.topnav a {
	float: none;
	display: inline;
	text-decoration: none;
	text-align: center;
    color: white;
    font-family: 'Courier New';
    font-size: 24px;
	padding: 14px 14px;
}

.topnav a:hover {
	background-color: #272727;
	color: white;
  }


  .topnav .icon {
	display: none;
  }

  @media screen and (max-width: 600px) {
	.topnav a:not(:first-child) {display: none;}
	.topnav a.icon {
	  float: right;
	  margin-right: 30px;
	  display: block;
	}
  }

  @media screen and (max-width: 600px) {
	.topnav.responsive {position: relative;}
	.topnav.responsive a.icon {
	  position: absolute;
	  right: 0;
	  top: 0;
	}
	.topnav.responsive a {
	  float: none;
	  display: block;
	  text-align: center;
	}
  }


#textbox {
	padding: 1%;
	text-align: center;
	max-width: 45%;
	margin: auto;
	line-height: 1.8;
}

#some {
	padding: 1%; 
	text-align: center;
	align-content: center;
	margin-right: auto;
	margin-left: auto;
}

#slink {
	display: inline-block;
	padding: 1%;
	padding-top: 5%;
	
}


h2 { 
	font-family: 'Courier New';
	color: white;
	
	
}

p {
	padding: 3%;
	color: white;
	font-family: Verdana;
}


footer {
    width: 80%;
	height: 30%;
	background-color: black;
	margin: 0 auto;
    text-align: center;
    color: white;
    font-family: 'Courier New';
	 float: center;
    clear: both;
	padding: 3%;
}

#omakuva {
	margin: auto;
	padding: 2%;
}