body {
    margin: 0 auto;
    background-color: gainsboro;
  }

  .container {
    width:auto;
    height: auto;
    background-color: white;
    margin: 0 auto;
  }
  
  .logo {
    float: left;
    padding: 1.5em;
  }
  
  .search {
    float: right;
    padding: 1em;
  }
  
  .clearfix {
    clear: both;
  }
  
  .main-menu {
    background-color: dodgerblue;
    
  }

  @media(max-width:600px){
    .main-menu{
      background-color: darkseagreen;
    }
  }
  
  .main-menu > ul {
    margin: 0em;
    padding: 0em;
    list-style-type: none;
  }
  
  .main-menu > ul > li {
    display: inline-block;
  }
  .main-menu > ul > li > a {
    color: white;
    text-decoration: none;
    display: block;
    padding: 1em;
    font-family: sans-serif;
    font-family: small;
  }
  .main-menu > ul > li > a:hover {
    background-color:darkblue;
  }
  @media(max-width:600px){
    .main-menu > ul > li > a:hover{
      background-color: gray;
    }
  }

  .dropdown {
    list-style-type: none;
    margin: 0em;
    padding: 0em;
    position: absolute;
    display: none;
    z-index: 999;
  }
  .dropdown > li > a {
    color: white;
    text-decoration: none;
    display: block;
    padding: 1em;
    font-family: sans-serif;
    font-family: small;
    background-color: darkblue;
  }

  @media(max-width:600px){
    .dropdown > li > a{
      background-color: darkseagreen;
    }
  }
  .dropdown > li > a:hover {
    background-color: cornflowerblue;
    width: auto;
  }
  @media(max-width:600px){
    .dropdown > li > a:hover{
      background-color: gray;
    }
  }
  .main-menu > ul > li:hover .dropdown {
    display: block;
  }
  .banner {
    width: auto;
    height: auto;
    padding: auto;
    overflow: scroll;
    scroll-behavior: smooth;
  }
  .banner img {
    width: 100%;
    height: 37.5em;
  }
  /*content holder*/

 .content-holder{
    background-color:dodgerblue;
    width: 100%;
  }

  @media(max-width:600px){
    .content-holder{
      background-color:grey;
    }
  }

  .content{
    width: 75%; /*Words*/
    height: auto;
    padding: .5em; /*Words*/
    background-color: white;
    float: left;
  }


  .content h1{
    font-size: 2.5em; /*Bold Text*/
    font-family: sans-serif;
      
  }

  .content p{
    font-family: serif;
    font-size: small;
  }

  .sidebar{
    float: left;
    padding: .5em;
  }
  /*widget*/
  .sidebar h2{
    font-family: sans-serif;
    color: white;
  }
  .sidebar ul{
    margin: auto;
    padding: 0px;
    list-style-type: none;
  }

  .sidebar ul > li > a{
    display:block;
    margin-bottom: .5em;
    color: white;
    font-family: serif;
    font-style: italic;
    text-decoration: none;
  }
  .main-footer{
    background-color: black;
    color: white;
    width: auto;
    height: auto;
    padding: 1em;

  }
  @media(max-width:600px){
    .main-footer{
      background-color:darkseagreen;
      color: black;
    }
  }

  .footer-box{
    width: 15em;
    height: auto;
    float: left;
    font-family: sans-serif;

  }

  .footer-box > ul{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
  }

  .footer-box > ul > li > a{
    display: block;
    font-size: small;
    margin-bottom: 0.3125em;
    color: white;
    text-decoration: none;
  }

  @media(max-width:600px){
    .footer-box> ul > li > a{
      background-color:darkseagreen;
      color: black;
    }
  }

address p{
   font-size: small;

  }

  .footer-box address a{
    color: dodgerblue;
  }

  .copy{
    font-family: sans-serif;
    padding: 1.6em;
    text-align: center;
    background-color: dodgerblue;
    color: white;
  }
  @media(max-width:600px){
    .copy{
      background-color: black;
    }
  }

  .copy p{
    margin: 0px;
  }

  /*About us*/
  .content img{
    max-width: 100%;
  }
/*product*/
.product{
  width: 15.25em;
  height: auto;
  float: left;
  border: .2em solid black;
  margin: .3em;
  padding: .5em;
}

.product-caption p{
  font-weight: bold;
}
 
.product-caption del{
  color: crimson;
}
.product-caption ins{
  color: green;
}
/*Buy Now Button*/

.product-caption a{
  display: block;
  background-color: dodgerblue;
  padding: .6em;
  text-align: center;
  color: white;
  font-family: sans-serif;
  font-size: small;
  text-decoration: none;

}

@media(max-width:600px){
  .product-caption a{
    background-color: darkseagreen;
  }
}

.product-caption a:hover{
  background-color: darkblue;

}
@media(max-width:600px){
  .product-caption a:hover{
    background-color: gray;
  }
}
/*contact page*/

.banner iframe{
  width: 100%;
  height: 26em;
}