@charset "utf-8";
/* CSS Document */

html, body {
width:100%;
height:100%;
margin: 0px;
padding: 0px;
background-color:#fff;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
}

.startowa {
    width:100%;
    height:100%;
    margin:0 auto;
    position:fixed;
    background-image:url(../img/startowa.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 55% 100%;
    background-attachment: fixed;
}

@media (max-width: 400px) {
.startowa {
    width:100%;
    height:100%;
    margin:0 auto;
    position:fixed;
    background-image:url(../img/startowa.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% 100%;
    background-attachment: fixed;
}
}

@media (min-width:401px) and (max-width: 600px) {
.startowa {
    width:100%;
    height:100%;
    margin:0 auto;
    position:fixed;
    background-image:url(../img/startowa.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 40% 100%;
    background-attachment: fixed;
}
}

@media (min-width: 601px) and (max-width: 800px) {
.startowa {
    width:100%;
    height:100%;
    margin:0 auto;
    position:fixed;
    background-image:url(../img/startowa.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 90% 100%;
    background-attachment: fixed;
}
}