/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
  line-height: 60px; /* Vertically center the text there */
  background-color: #f5f5f5;
}


/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */
.unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

body > .container {
  padding: 60px 15px 0;
}

.footer > .container {
  padding-right: 15px;
  padding-left: 15px;
}

main {
	padding-top:10px;
	background-color:white;
}

.tekstiboxi{
	
}

.tekstiboxi img {
	padding-left:0;
	padding-right:0;
	margin-right:2%;
	max-height:450px;
	border-radius:2%;
	
}

code {
  font-size: 80%;
}

.kuvagallery{
    Width:100%;
	display:flex;
	flex-wrap: wrap;
    }

.kuvagallery img {
	height:40px;
	width:40px;
}
	
.kuvataulu{
	float:left;
	padding:5px;
	margin:2px;
	font-size:8px;
	width:50px;
	overflow:hidden;
    }

.hoover-content {
	display:none;
}

.punainennappi {
    background-color: #FF0000;
    color: black;
    margin-top:5px;
    font-size: 6px;
    border: none;
}

.kuvataulu:hover .hoover-content {
	display:block;
}
	
.kuvataulu:hover {
    transform: scale(2); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}	


.FloatRight{
        float:Right;
        }
.