body { background-color:#444; font-family:Tahoma; overflow-y: scroll; } p { margin:0; } .sivu { text-align:center; color:#FFF; } .header { height:32px; } .donatebutton { float:right; } .otsikko { text-align:center; height:260px; margin:0 auto; } .otsikko1, .otsikko3, .otsikko4 { width:250px; height:47px; } #codlogo:hover { filter: brightness(120%); } input[type=submit] { width: 100%; background-color: #AA0000; color: white; padding: 14px 20px; margin: 8px 0; border: none; border-radius: 4px; cursor: pointer; font-size:16px; box-shadow: 3px 3px 15px 2px rgba(0, 0, 0, 0.4); text-shadow: 1px 1px 5px rgba(0,0,0,1); } input[type=submit]:hover { background-color: #DD0000; } /* Chrome, Safari, Edge, Opera */ input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .copyright-notice { text-align:center; color:#777777; bottom:0; margin-left:auto; margin-right:auto; font-size:14px; } @media screen and (min-width:1300px){ .sivu { width:1282px; height:1041px; margin:0 auto 100px auto; } .otsikko { width:1280px; } .otsikko-left-div { float:left; margin-left:110px; margin-right:110px; } .otsikko1, .otsikko3 { margin-top:55px; } .otsikko2 { float:left; width:340px; height:260px; } .otsikko-right-div { float:left; margin-left:110px; margin-right:110px; } .otsikko4 { margin-top:105px; } .bottombanner { width:1280px; height:300px; margin:0 auto; } } @media screen and (max-width:1299px){ .sivu { width:702px; height:716px; margin:0 auto 100px auto; } .otsikko { width:700px; } .otsikko-left-div { float:right; margin-left:30px; margin-right:40px; } .otsikko3, .otsikko4 { margin-top:25px; } .otsikko2 { float:left; width:340px; height:260px; } .otsikko-right-div { margin-top:30px; float:right; margin-left:30px; margin-right:40px; } .bottombanner { height:500px; } }