body.home {
  background-image: url(../images/71SpeedyCrown12.jpg);
  background-size: 100%;
  font-family: Helvetica;
  color: white;
  text-align: center;
  background-color: black;
  background-repeat: no-repeat;
  min-width: 500px;
}

/* Fixed header */
.headercontainer {
  width: 100%;
  position: fixed;
  top: 0px;
  left: 0px;
}
#banner {
  background-color: black;
  height: 4em;
  display: flex;
  justify-content: center;
}

#banner a {
  color: white;
  outline: 0px;
}

#logo {
  height: 4em;
  padding-top: -70px;
}

h1 {
  padding-top: 0.4em;

  margin: 0px;
}
h1 small {
  font-size: 0.5em;
}

/* navigator bar  */

nav {
  background-color: rgba(34, 34, 34, 0.9);
  width: 100%;
  min-width: 500px;
  padding: 0px;
  display: block;
  z-index: 5;
}

nav ul {
  height: 3em;
  width: 60%;
  list-style-type: none;
  text-align: center;
  margin: 0px;
  padding: 0px 20%;
}

nav li {
  font-size: larger;
  display: inline-block;
  position: relative;
  margin: 0px 20px;
  padding: 0.5em 20px 2em;
}

nav li ul {
  position: absolute;
  left: -3000px;
  width: fit-content;
}

nav li:hover ul {
  top: 2.5em;
  left: 0;
  height: fit-content;
  background-color: rgba(34, 34, 34, 0.9);
}

nav li ul li {
  font-size: medium;
  margin: auto;
  padding: 0.2em 0px 0px;
}

nav a:visited {
  color: white;
  outline: 0px;
}
nav a:link {
  color: white;
  text-decoration: none;
  padding: 0.25em;
}

/* main content */
main.home {
  width: 100%;
  padding-top: 200px;
}

.empty {
  display: block;
  height: 90vh;
}
#slogan {
  position: relative;
  background-color: rgba(34, 34, 34, 0.9);
  width: fit-content;
  top: 400px;
  left: 300px;
  z-index: -1;
}
#history {
  width: 30%;
  margin: auto;
}
#history li {
  text-align: left;
  padding: 0.5em;
}
#history span {
  font-weight: 800;
}

/* fixed footer */

.footercontainer {
  position: fixed;
  background-color: rgba(34, 34, 34, 0.9);
  height: fit-content;
  bottom: 0px;
  right: 0px;
}
.footercontainer p {
  margin: 0px;
  padding: 0px;
}

/* page related css */

body {
  font-family: Helvetica;
  color: white;
  text-align: center;
  background-color: black;
  min-width: 500px;
}

img.pageimg {
  width: 80%;
  /* margin: auto; */
  border-radius: 25px;
}

main {
  width: 100%;
  padding-top: 125px;
}

.divider {
  border-bottom: 1px solid white;
  margin: 10px 0;
}

div.model {
  display: flex;
  margin: 80px 0;
}

section.main {
  width: 70%;
}

section.side {
  width: 20%;
  padding: 3em 0;
  text-align: left;
}

div.info {
  display: flex;
  justify-content: space-between;
}

div.info p {
  width: 20%;
}
div.info b {
  font-size: 300%;
}

div.price {
  margin-top: 50px;
}

button.model {
  display: flex;
  width: 70%;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  border: 1px white solid;
  border-radius: 25px;
  font-weight: 700;
}

button:hover {
  background-color: grey;
}

div.description {
  font-size: small;
}

div.description p {
  margin-top: 30px;
}

.news img {
  width: fit-content;
  max-width: 80%;
}

div.deals {
  margin-top: 50px;
}

#comment {
  width: 60%;
  margin: auto;
  margin: 0 auto 10px auto;
  padding: 10px;
  text-align: left;
  background-color: #303030;
  border-radius: 20px;
}
#comment h2 {
  text-align: center;
}

#comment h3 {
  border-bottom: 4px solid white;
  margin-bottom: 30px;
}

.cminfo label,
.cminfo input,
.cmquestion label,
.cmquestion input {
  display: inline-block;
  margin: 10px 0;
}

.cminfo input,
.cmquestion input {
  width: 20%;
}

.cminfo label,
.cmquestion label {
  width: 30%;
  min-width: 55px;
  text-align: right;
}

option {
  text-transform: capitalize;
}

label.radio {
  width: 15%;
}

button.comment {
  display: block;
  margin: 40px auto;
  width: 20%;
  padding: 15px;
  font-size: 23px;
  background: #d0d0d5;
  border: 3px solid #202020;
  border-radius: 25px;
}

h2.as {
  margin-top: 50px;
}

a.tele {
  color: white;
}