body {
    background-image: url('/layout/bg2.jpg');
    background-color: #cccccc;
    font-family: Andika;
	
    padding: 0;
    margin: 0;
    
    /* full-height column layout */
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

img {
    /* all images do not have borders */
    border: 0;
}

/*** layout ***/
#etusivu {
    /* etusivu takes most of the space */
    flex-grow: 1;
    text-align: center;
    margin: 0;
}

#footer {
    /* footer is as small as possible */
    margin: 0;
    flex-shrink: 1;
    text-align: center;
    padding: 1em;
}

div.container {
	font-size:14px;
	background-color: #f8f8f8;
	display: inline-block;
	float: center;
	padding:5px;
	border-bottom: 2px solid #8996c4;
	border-top: 1px dotted #8996c4;
	border-left: 1px dotted #8996c4;
	border-right: 1px dotted #8996c4;
}