html, body{ box-sizing: border-box; }
html {
    height:100%;
    display:flex;
    background:url("vuotilanet_background.jpg") fixed center;
    background-size:cover;
}
body{ font-size:16px; overflow-y: auto; background-color:transparent; color:#fff;}

h1,h2,h3,h4,h5,h6{line-height: 1;padding:0; margin: 0;}
h1{font-size: 3em; text-align: left; border-bottom: 1px solid #fff; margin-bottom:1px;}
h2{font-size: 0.8em; text-align: right; font-weight: normal; margin-bottom:2em;}

.flex-parent{ box-sizing: border-box; display: flex; width:100vw; min-height: 100vh; align-items: center; justify-content: center; padding:0; margin:0; }
.container{ box-sizing: border-box; position:relative; width: 70%; max-width: 600px;}
.container h1,
.container h2,
.container p{ color: #fff; }

ul.buttons a, ul.buttons a:active, ul.buttons a:visited{ display:block; color:#fff; background-color: #00000080; text-shadow: 0px 0px 3px rgba(0,0,0,1); font-weight: normal; padding: 0.5em; border: 1px solid #fff; border-radius: 1em; }
ul.buttons a:hover{ /*color:#cc3333;*/ background-color:#cc3333; transition: 250ms;}

body.page-malliksi .flex-parent{ display: block; width:100vw; min-height: 100vh; padding:0; margin:0; margin-top: 120px;}
body.page-malliksi .container{ background: #00000080; width:100%; max-width: 95%; border-radius: 10px; padding: 1em; margin: 0 auto;}
body.page-malliksi .container h1{ font-size: 1.5em; border-bottom: 0; margin-bottom: 1rem; }
body.page-malliksi .container p{ text-align:left; }
body.page-malliksi .container a{ color:#fff; }
body.page-malliksi .container a:hover{ /*color:#cc3333;*/ background-color:#cc3333; transition: 250ms;}
body.page-malliksi .container-btn-menu{ top:2%; }

@media all and (min-width: 500px){
    body.page-malliksi .container h1{font-size: 3em;}
    body.page-malliksi .flex-parent{ position:fixed; display: flex; width:100vw; min-height: 100vh; align-items: center; justify-content: center; padding:0; margin:0; }
    body.page-malliksi .container{ background: #00000099; max-width: 700px; border-radius: 10px; padding: 1em; margin: 0 2% 0 2%; }
}