/**
* Perusrakenteet: ylikirjoita tarvittaessa style.css -tiedostossa
*/
body { margin:0; padding:0; }
header .content-wrapper { display:flex; align-items:center; flex-wrap:wrap; justify-content: space-between; }
img { max-width:100%; height:auto; }
#logo { order:1; flex-grow:1; }
#menu_toggle { order:2; display:block; border:none; }
nav#menu-main { order:3; display:none; width:100%; }
nav#mmenu-main ul { display:flex; flex-direction:column; }
.maxwidth { max-width:90%; margin:0 auto; }
footer .col { padding:0 10px; }
p { margin:0 0 0.5em 0; }

article ul, article ol { list-style-type: disc; margin-bottom:1em; }
article ol { list-style-type:decimal; }
article ul li, article ol li { margin-left:20px; }

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #000; opacity: 1; /* Firefox */ }
:-ms-input-placeholder { /* Internet Explorer 10-11 */  color: #000; }
::-ms-input-placeholder { /* Microsoft Edge */ color: #000; }

@media all and ( min-width:992px ) {
    .maxwidth { margin:0 auto; }
    .content-wrapper {  display:flex; justify-content: space-between; }
    header .content-wrapper { flex-wrap:nowrap; }
    nav#menu-main { display:block; flex-grow:3; width:auto; }
    nav#menu-main ul { flex-direction:row; justify-content: space-between; }
    #menu_toggle { display:none; }
    article.page { order:1; min-height:80vh; }
    #sidebar { order:2; flex:0 0 30%; }
    .flex { display:flex; justify-content:space-between; }
    .flex .item  { flex:1 1 0; }
	
	.alignleft { float:left; margin-right:10px; }
	.alignright { float:right; margin-left:10px; }
	.aligncenter { display:block; margin-left:auto; margin-right:auto; }}
}