body {background-color: black; color: white; width: 100%; font-family: "Playfair Display", serif;}

nav {font-family: "Playfair Display", serif;}

nav ul {padding: 41px 0; list-style: none; position: relative;}
	
nav ul li {display: inline-block; background-color: black; padding: 0 50px;}

nav a {display:block; padding: 20px; color:#FFF; font-size:20px; text-decoration: none;}

nav a:hover {background-color: #2A2A2A;}

nav ul ul {display: none; position: absolute;}
	
nav ul li:hover > ul {display: inherit;}
	
nav ul ul li {width:107px; display:list-item; position: relative; text-align: center; border: 1px solid #2A2A2A; padding: 0;}

@media screen and (min-width: 1601px) { 
    main {max-width: 1600px; margin: 0 auto;} 
     
    .carpic {width: 1600px; margin: 0 auto; display: block; margin-bottom: 35px}
    
    .footersection {float: left; margin-right: 200px; margin-left: 150px}

    footer {width: 1600px; text-align: center; margin: 0 auto; clear: both}

    .footerp {float: left; padding-top: 50px; margin-left: 200px}
    
    .map {max-width: 1600px; margin: 0 auto; display: block; margin-top: 100px;}
    
    a img {height: 149px; float: left; margin-left: 151px}
    
    #wowslider-container1 {width: 1600px;}
    
    .ws_images {margin-top: 65px; width: 1600px;}
    
    .addsection {width: 600px; float: left; margin-left: 150px}
    
    .googlemap {margin: 0 auto;}
    
    .exhibitsh1 {background-image: url(images/astonmartinbutbetter.jpg); text-align: center; font-size: 70px; height: 593px; padding-top: 50px; text-shadow: 5px 5px 5px gray;}
    
    .visitush1 {background-image: url(images/duesenberg-guitar-007-museum.jpg); width: 1600px; height: 500px; font-size: 50px; text-align: center; color: #D2042D; padding-top: 100px; text-shadow: 5px 5px 5px black;}
    
    .carsh2 {font-size: 50px; width: 300px; border-bottom: 5px solid #D2042D; margin: 30px;}
    
    .excar {width: 500px; float: left; background-color: #2A2A2A; height: 350px; text-align: center; margin: 30px 16px;}
    
    .excar1 {margin-top: 46px;}
    
    .excar2 {margin-top: 11px;}
    
    .excar3 {margin-top: 8.5px;}
    
    .boath2 {clear: both; font-size: 50px; width: 300px; border-bottom: 5px solid #D2042D; margin: 30px;}
    
    .boats {width: 700px; height: 500px; background-color: #2A2A2A; float: left; margin: 30px 50px;}
    
    .boat1 {width: 700px; margin-top: 65px;}
    
    .boat2 {width: 700px; margin-top: 7px;}
    
    .ovh2 {clear: both; font-size: 50px; width: 400px; border-bottom: 5px solid #D2042D; margin: 30px;}
    
    .ovdivs {width: 500px; float: left; background-color: #2A2A2A; height: 400px; margin: 30px 16px;}
    
    .ov1 {width: 500px; margin-top: 12px}
    
    .ov2 {width: 500px; margin-top: 34px;}
    
    .ov3 {width: 500px; margin-top: 34px;}
    
    .moreh2 {clear: both; font-size: 50px; width: 300px; border-bottom: 5px solid #D2042D; margin: 30px;}
    
    .moredivs {width: 700px; float: left; height: 550px; background-color: #2A2A2A; margin: 30px 50px;}
    
    .more1 {width: 700px; margin-top: 12px;}
    
    .more2 {width: 700px; margin-top: 78px;}
    
    .homeh1 {font-size: 70px; text-align: center; width: 800px; border-bottom: 5px solid #D2042D; margin: 0 auto;}
    
    .form {float: left; margin: 70px}
    
    .formh2 {text-align: center; font-size: 50px; color: #D2042D}
    
    section li {display: inline; padding: 50px;}
    
    .ticketsection {margin: 0 auto; background-color: #2A2A2A}
    
    section ul {text-align: center; padding: 30px}
    
    .aboutusp {background-color: #2A2A2A; width: 400px; padding: 20px; float: left; margin-left: 300px; margin-top: 150px}
    
    .founderpic {float: left; margin: 100px;}
    
    .aboutush1 {background-image: url(images/reddddlogooo.jpg); font-size: 70px; padding-top: 254px; height: 254px; text-align: center; text-shadow: 5px 5px 5px gray;}
    
    .maph2 {font-size: 30px; text-align: center; margin: 30px 0;}
    
    .homep {width: 70%; background-color: #2A2A2A; padding: 15px; margin: 40px auto;}
    
    .exps {width: 40%;}
}
@media screen and (max-width: 1600px) {
    header {width: 100%; background-color: black;}
    main {width: 100%; margin: 0 auto}
    .carpic {width: 100%; display: block; margin-bottom: 50px; margin-left: auto; margin-right: auto;}
    a img {width: 30%; float: left;}
    footer {width: 100%; margin: 0 auto}
    .footersection {float: none; text-align: center;}
    .footerp {float: none; text-align: center;}
    .map {margin: 0 auto; width: 100%; display: block; margin-top: 50px;}
    
    a img {height: 149px; float: left;}
    .addsection {width: 80%; margin: 0 auto;}
    .googlemap {width: 100%;}
    
     .exhibitsh1 {background-image: url(images/astonmartinbutbetter.jpg); text-align: center; font-size: 50px; height: 500px; padding-top: 50px; text-shadow: 5px 5px 5px gray; width: 100%}
    
    .excar1 {width: 80%; margin: 30px auto; display: block;}
    .excar2 {width: 80%; margin: 30px auto; display: block;}
    .excar3 {width: 80%; margin: 30px auto; display: block;}
    .boat1 {width: 80%; margin: 30px auto; display: block;}
    .boat2 {width: 80%; margin: 30px auto; display: block;}
    .ov1 {width: 80%; margin: 30px auto; display: block;}
    .ov2 {width: 80%; margin: 30px auto; display: block;}
    .ov3 {width: 80%; margin: 30px auto; display: block;}
    .more1 {width: 80%; margin: 30px auto; display: block;}
    .more2 {width: 80%; margin: 30px auto; display: block;}
    
    .carsh2 {font-size: 50px; width: 300px; border-bottom: 5px solid #D2042D; margin: 30px;}
    
     .boath2 {clear: both; font-size: 50px; width: 300px; border-bottom: 5px solid #D2042D; margin: 30px;}
    
    .ovh2 {clear: both; font-size: 50px; width: 400px; border-bottom: 5px solid #D2042D; margin: 30px;}
    
    .moreh2 {clear: both; font-size: 50px; width: 300px; border-bottom: 5px solid #D2042D; margin: 30px;}
    
    .map {width: 100%;}
    
      .visitush1 {background-image: url(images/duesenberg-guitar-007-museum.jpg); width: 100%; height: 400px; font-size: 50px; text-align: center; color: #D2042D; padding-top: 100px; text-shadow: 5px 5px 5px black;}
    
    #wowslider-container1 {width: 100%;}
    
    .ws_images {margin-top: 65px; width: 100%;}
    
     .homeh1 {font-size: 50px; text-align: center; width: 700px; border-bottom: 5px solid #D2042D; margin: 0 auto;}
    
    .form {float: left; margin: 70px}
    
    .formh2 {text-align: center; font-size: 30px; color: #D2042D}
    
    .aboutusp {background-color: #2A2A2A; width: 70%; padding: 20px; margin: 0 auto; display: block; margin-top: 50px;}
    
    .founderpic {margin: 0 auto; display: block;}
    
    .aboutush1 {background-color: #D2042D; width: 80%; font-size: 50px; text-align: center; margin: 0 auto;}
    
    .maph2 {text-align: center; margin: 30px 0;}
    
    .homep {width: 70%; background-color: #2A2A2A; padding: 15px; margin: 40px auto;}
}

@media screen and (max-width: 640px) {
    nav a {font-size: 12px; padding: 0}
    nav ul ul li {width: 50px}
    .carpic {width: 100%; display: block; margin-bottom: 30px; margin-left: auto; margin-right: auto;}
    header {width: 100%; background-color: black; height: 120px}
    footer {font-size: 12px}
    .addsection {width: 100%;}
    .googlemap {width: 100%;}
    .visitush1 {background-color: #D2042D; width: 70%; font-size: 50px; text-align: center; margin: 0 auto; background-image: none; color: white; text-shadow: none; padding: 0; height: auto;}
    .homeh1 {width:100%}
    .founderpic {margin: 0 auto; display: block;}
    
}

.addh2 {text-align: center; font: "Playfair Display", serif;}
.addp {text-align: center; font: "Playfair Display", serif;}