/* Vintage Woolens Stylesheet */

* {margin:0; padding:0}
html {background: url(../img/bg-s.jpg) repeat-y center top fixed; }
body {width:100%; height:100%; text-align:center;}
header {background-image:url(../img/paper.png); background-position:center; border-top, border-bottom:1px dotted #332922; width:100%; margin:0; padding:30px 0; min-height:100px;}
#logo {width:200px; height:100px; display:inline-block; clear:both; background-image:url(../img/vwlogo.png); background-size:contain;}
nav ul {list-style:none;}
nav ul li {display:inline-block; margin-top:20px; padding-top:20px; border-top:1px dotted #332922; width:100%;}
nav ul li {font-family: 'Lobster', cursive; color:black; text-decoration:none; display:inline-block; font-size:22px;}
nav ul li a:hover {text-decoration:underline;}
nav p {font-style:italic;}
.map {width:300px; height:300px;}
.section {width:100%; padding:0 0 15px 0; margin:40px auto; background-color:white; border-bottom:1px dotted #332922;}
footer {width:100%; height:60px; bottom:0; background-image:url(../img/paper.png); background-position:center; border-top:1px #332922 dotted;}
footer p {padding:10px 10px 0 10px; font-style:italic; font-weight:700; font-size:16px;}
#see img {display:inline-block; margin:20px 0;}
.horiz {width:300px; height:225px;}
.vert {width:225px; height:300px;}
.address {margin:20px 0;}
.addtext {width:100%; display:inline-block; margin:0 0 20px 0;}
.addmap {height:300px; width:100%; display:inline-block; vertical-align:top; margin:0;}
#contact {background-image:url(../img/paper.png); background-position:center; border-top, border-bottom:1px #332922 dotted; width:100%; padding:0 0 15px 0; margin:40px auto 25px auto;}
#contact p {font-size:22px; padding:15px 10px 0 10px; text-align:left;}
#contact ul li {font-size:22px; padding 15px 10px 0 10px; text-align:left; margin-left:40px;}
h2 {font-family: 'Lobster', cursive; background-image:url(../img/paper.png); background-position:center; border-top, border-bottom:dotted #332922 1px; color:black; font-size:25px; margin:0 0 15px 0; padding:10px 0;}
h2 a {vertical-align:middle; font-size:15px;}
h3 {font-family: 'Josefin Slab', serif; font-weight:700; font-size:22px; margin-top:40px;}
p, li {font-family: 'Josefin Slab', serif; font-weight:400; font-size:20px; margin-top:5px;}
a {text-decoration-line:underline; text-decoration-style:dotted; color:black;}
a:active {border:none;}
a:hover {text-decoration-style:solid;}

/*600 and larger */
@media (min-width: 600px) {
html {background: url(../img/bg-s.jpg) repeat-y center top fixed; -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-sze: 100%; background-size: 100%; }
#logo {width:300px; height:150px;}
nav ul li {display:inline-block; margin:20px 17px 0 17px; border:none; width:auto;}
footer p {padding:16px 10px 0 10px; font-size:18px;}
#see img {margin:20px 60px;}
.address {margin:20px auto; clear:both;}
.addtext {width:302px; display:inline-block; margin:0 50px 20px 50px;}
.addmap {width:300px; margin:0 50px; border:1px dotted black;}
h2 {margin:0 0 15px 0; padding:15px 0; width:100%;}
}

/*800 and larger */
@media (min-width: 800px) {
html {background: url(../img/bg-m.jpg) repeat-y center top fixed; -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-sze: 100%; background-size: 100%;}
#logo {width:400px; height:200px;}
header {width:70%; margin:15vh auto 0 auto; padding:30px 0; min-height:100px;}
#contact {width:70%; margin:40px auto 20px auto;}
.section {width:70%; margin:40px auto;}
footer {width:70%; margin:40px auto;}
}

/*1024 and larger */
@media (min-width: 1024px) {
#logo {width:500px; height:250px; display:inline-block; clear:both; background-image:url(../img/vwlogo.png); background-size:contain;}
header {margin:20vh auto 0 auto;}
nav ul li {margin:25px 20px 0 20px;}
nav ul li {font-size:25px;}
#contact {margin:50px auto;}
#contact p {font-size:25px; padding-top:20px;}
#contact ul li {font-size:25px; padding-top:10px;}
.section {margin:50px auto;}
footer {height:80px; }
footer p {padding-top:25px; font-size:22px;}
#see img {margin:20px;}
.address {margin:40px auto; border:none;}
.addtext {height:302px; margin:0 50px 0 0;}
.addmap {margin:0;}
h2 {font-size:30px;}
h3 {font-size:25px; margin-top:80px;}
}

/*1200 and larger */
@media (min-width: 1200px) {
html {background: url(../img/bg.jpg) repeat-y center top fixed; -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-sze: 100%; background-size: 100%;}
#logo {width:600px; height:300px;}
nav ul li {margin:50px 30px 0 30px;}
nav ul li, nav ul li a {font-size:28px;}
}