@media screen and (max-width: 700px){ .logo {display:none;} .LogoBanner {padding: 0px; text-align: center; font-family: "Zen Dots", sans-serif; font-weight: 400; font-style: normal; color: #04356A; font-size: 76px; text-shadow: 5px 5px 8px black} .HeaderBanner {width: 100%; margin-left: auto; margin-right: auto;}.sales h2 {font-family: "Metal Mania", system-ui; font-weight: 400; font-style: normal; color: white; text-shadow: 5px 5px 5px #FF0800; text-align: center; font-size: 36px; margin-top: 20px; margin-left: -40px; margin-right: auto }}

@media screen and (min-width: 701px){.LogoBanner {width: 400px; float: left; font-family: "Zen Dots", sans-serif; font-weight: 400; font-style: normal; color: #04356A; font-size: 76px; text-shadow: 5px 5px 8px black; padding: 50px 0px 0px 25px;} .HeaderBanner {width: 710px; margin-left: auto; margin-right: auto;} .sales h2 {font-family: "Metal Mania", system-ui; font-weight: 400; font-style: normal; color: white; text-shadow: 5px 5px 5px #FF0800; text-align: center; font-size: 50px; margin-top: 0px; margin-right: -50px }}

html {background-color: white;}

nav {margin-top: 20px; background-color: #949494; border-top: 5px solid #04356A; border-bottom: 5px solid #04356A;}

nav ul {padding: 0px; margin:0px; list-style: none; position: relative; font-family: "Playwrite AU SA", cursive; font-weight: 400; font-style: normal;text-shadow: 3px 3px 5px white; text-align: center;}

nav ul li {margin: 0px -7px 0 0; display:inline-block; background-color: #949494;}

nav a {display:block; padding: 10px 70px; color: #04356A; font-size:36px; line-height: 60px; text-decoration:none;}

nav a:hover {background-color: white;}

/* dropdown items */
nav ul ul {display: none; position: absolute; top: 100%; z-index: 99;}

nav ul li:hover > ul {display:inherit;}

nav ul ul li {min-width:170px; display: list-item; position: relative;}

header {background-image: url(images/Sky-edit.jpg) ; background-size: cover; display: block; margin-left: auto; margin-right: auto;}

.HeaderBanner {background-image: url(images/Sky.jpg);}

.logo { float: left; box-shadow: 0px 0px 30px black; border-radius: 15px; margin-top: 20px;}

.Selection h2 {font-family: "Metal Mania", system-ui; font-weight: 400; font-style: normal; color: white; background-image: url(images/diamondSteelBackEdit.png);  padding: 5px 20px; text-align: center;
margin-left: 75px; margin-right: 35px}

.Selection {float: left; margin: 70px 110px; width: 225px; border-radius: 10px; border: 3px solid gray;}

body {margin: auto; }

main {padding-bottom: 100px; background-color: white; overflow: hidden;}

footer { background-size: cover; ; color: #04356A ; height: 75px; text-align: center; font-size: 28px; padding-top: 20px;  font-family: "Zen Dots", sans-serif; font-weight: 400; font-style: normal; }

.clear {clear: both;}

.Selection img {box-shadow: 0px 0px 50px #949494; border-radius: 15px;}


* {box-sizing:border-box}

/* Slideshow container */
.slideshow-container {max-width: 350px; position: relative; margin: auto; float: left; margin-left: 50px; margin-right: 30px;}

/* Hide the images by default */
.mySlides1 {display: none; border: 10px solid #1799E7; margin-top: 20px; }
.mySlides2 {display: none; border: 10px solid #1799E7; margin-top: 20px; }
.mySlides3 {display: none; border: 10px solid #1799E7; margin-top: 20px; }
.mySlides4 {display: none; border: 10px solid #1799E7; margin-top: 20px; }

/* Next & previous buttons */
.prev, .next {cursor: pointer; position: absolute; top: 50%; width: auto; margin-top: -22px; padding: 16px; color: #04356A; font-weight: bold; font-size: 30px; transition: 0.6s ease; border-radius: 0 3px 3px 0; user-select: none; text-shadow: 0px 0px 8px white;}

/* Position the "next button" to the right */
.next { right: 0; border-radius: 3px 0 0 3px;}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {background-color: rgba(0,0,0,0.8);}

/* Caption text */
.text {color: white; font-size: 25px; padding: 8px 25px; position: absolute; bottom: 8px; width: 100%; text-align: center; font-family: "Zen Dots", sans-serif; font-weight: 400; font-style: normal; text-shadow: 3px 3px 5px #1799E7; text-align: right;}

/* Number text (1/3 etc) */
.numbertext {color: #f2f2f2; font-size: 12px; padding: 8px 12px; position: absolute; top: 0;}

/* The dots/bullets/indicators */
.dot {cursor: pointer; height: 15px; width: 15px; margin: 0 2px; background-color: #bbb; border-radius: 50%; display: inline-block; transition: background-color 0.6s ease; float: left;}

.active, .dot:hover {background-color: #717171;}

/* Fading animation */
.fade {animation-name: fade; animation-duration: 1.5s;}

@keyframes fade {from {opacity: .4} to {opacity: 1}}

h3 {color: #04356A; font-size: 30px; text-align: left; font-family: "Playwrite AU SA", cursive; font-weight: 400; font-style: normal; text-shadow: 3px 3px 5px white; }

p {color:  #04356A; font-size: 20px;font-family: "Caveat Brush", cursive; font-weight: 400; font-style: normal; text-align: center; width: 70%;}

.homeP {text-align: center; font-size: 25px; margin-left: 300px;}

.HouseLink {color: #1799E7; text-decoration: underline;}

.AboutLink {color: #1799E7; text-decoration: underline;}

.AgentsLink {color: #1799E7; text-decoration: underline;}

.ContactLink {color: #1799E7; text-decoration: underline;}

.clear {clear: both;}

i {padding-right: 15px}

.Int {float: left; margin: 30px 50px 20px 100px;}

.Wheels {float: left; margin: 30px 50px 20px 100px;}

main a:link {color: white; text-decoration: none;}

.numpad {display: block; margin-right: auto; margin-left: auto;}

h1 {color:  #04356A; font-size: 30px; text-align: left; font-family: "Playwrite AU SA", cursive; font-weight: 400; font-style: normal; text-align: center; padding-bottom: 30px;}

iframe {display: block; margin-left: auto; margin-right: auto;}

.Overview {text-align: center;}

form {color: #04356A; text-align: center; margin-top: 50px; font-family: "Zen Dots", sans-serif; font-weight: 400; font-style: normal;}

input {box-shadow: 0px 0px 10px #1799E7; margin-bottom: 10px; padding-bottom: 5px; }

.Agents p {text-align: center; margin-right: 700px; margin-left: auto; margin-top: 50px; width: 600px; float:right;}

.Agents img {margin: 20px 0px 20px 100px; border: 5px solid #1799E7;}