html, body{
width:100%;
height:100%;
margin: 0;
padding: 0;
font-family: 'Quattrocento Sans', sans-serif;
color:#06222d;
background-color:#fff;
background-image:url('img/voyager/DSCF3052.jpg');
background-repeat:no-repeat;
background-attachment: fixed;
background-position: center;
background-size:100%;
}

@media screen and (max-width:500px) {
html, body{
width:100%;
height:100%;
margin: 0;
padding: 0;
font-family: 'Quattrocento Sans', sans-serif;
color:#06222d;
background-color:#fff;
background-image:url('img/voyager/DSCF3052.jpg');
background-repeat:no-repeat;
background-attachment: fixed;
background-position: -600px;
background-size:auto 100%;
}
}

@media screen and (min-width:501px) and (max-width:1000px) {
html, body{
width:100%;
height:100%;
margin: 0;
padding: 0;
font-family: 'Quattrocento Sans', sans-serif;
color:#06222d;
background-color:#fff;
background-image:url('img/voyager/DSCF3052.jpg');
background-repeat:no-repeat;
background-attachment: fixed;
background-position: -400px;
background-size:auto 100%;
}
}


@media screen and (min-width:1001px) and (max-width:1800px) {
html, body{
width:100%;
height:100%;
margin: 0;
padding: 0;
font-family: 'Quattrocento Sans', sans-serif;
color:#06222d;
background-color:#fff;
background-image:url('img/voyager/DSCF3052.jpg');
background-repeat:no-repeat;
background-attachment: fixed;
background-position: left;
background-size:auto 100%;
}
}