.left ul {position: fixed; left: 101vw; transition: left 0.3s ease; width: 70vw; top: 0;}
body > .left {clear: both; float: none; width: 100vw; padding-top: 10px; padding-left: 0; margin-left: 0;}
.left img {display: block; margin: auto;}
main {clear: both; float: none;}
.banners {width: 94vw; height: 60vw}
.banners img {width: 94vw; height: auto;}

body > main {width: auto; margin-left: 10px;}

body {width: 100vw; overflow-x: hidden; background-color: white;}

.blocklist {width: 80vw;}
.blocklist li {width: 50%;}

.tagline {width: 96vw;}

blockquote {width: auto;}
body > .right {width: auto; float: none; padding-left: 10px; padding-right: 10px; padding-bottom: 20px;}

a.nav {height: 5px; background-color: red; width: 10vw; display: block; float: right; margin-right: 2vw;; margin-top: 10px; border: 0; padding: 0;}
a.nav:before {position: absolute; width: 10vw; height: 5px; background-color: red; margin-top: -10px; display: block; content: " ";}
a.nav:after {position: absolute; width: 10vw; height: 5px; background-color: red; margin-top: 10px; display: block; content: " ";}


 a.hide {display: none;}
#show:target a.show {display: none;}
#show:target a.hide {display: block;}

body {margin-lefT: 0 ; transition: margin-left 0.3s ease;}
#show:target {margin-left: -70vw; transition: margin-left 0.3s ease;}





#show:target > .left ul {left: 30vw;}
body > .left ul a {padding: 10px; display: block; text-align: center;}

body > main {padding-right: 10px; background-color: white;}

main > img {width: 95vw;}
main iframe {width: 95vw !important;}

body > main {margin-left: 10px; margin-right: 0;}
.products {padding: 10px;}

.products img {width: 80vw;}

.basket {padding: 10px;}

table.order {width: 100%;}

.basket form label {width: auto; display: block; clear: both; float: none;}

.basket form input[type="submit"] {margin-left: 0;}
.login a {margin-left: 0 !important;}