.topnav {
  overflow: hidden;
 /* background-color: #333;*/
/*background-color:#3371FF;*/
background-color:black;
}

.banner{
  color:black ;
 /* text-shadow: -1px 0 brown, 0 1px brown, 1px 0 brown, 0 -1px brown;
font-size:24px !important;background-color:lightblue;text-align: center;
font-family: serif;
    text-shadow: -1px 0 20px #3371ff, 0 1px 20px #2c98b5, 1px 0 20px #3371ff, 0 -1px #2c98b5;
    font-size: 24px !important*/
    background-color: brown;
    text-align: center;
    width:100%;
  /*  height:300px;*/
   
}


.topnav a {
  float: left;
  display: block;
 /*color: #f2f2f2;*/
 color:white;

  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

.active {
  background-color: black;
  color: white;
}

.topnav .icon {
  display: none;
}

.dropdown {
  float: left;
  overflow: hidden;
}

.dropdown .dropbtn {
  font-size: 17px;    
  border: none;
  outline: none;
  /*color: white;*/
  color:white;
  padding: 14px 16px;
  /*background-color: #333;*/
  /*background-color:#3371FF;*/
  background-color:brown;
  font-family: inherit;
  margin: 0;
}

.dropdown-content {
  display: none;
  position: absolute;
  /*background-color: #f9f9f9;*/
   background-color:brown;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  float: none;
  color: white;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.topnav a:hover, .dropdown:hover .dropbtn {
  /*background-color: #555;*/
 /*background-color: #2C98B5;*/
 background-color:brown;
 /* color: white;*/
 color:white;
}

.dropdown-content a:hover {
  /*background-color: #ddd;*/
   background-color:brown;
  color: white;
}

.dropdown:hover .dropdown-content {
  display: block;
}



@media screen and (max-width: 600px) {

.btn, a.btn,.prod-desc-ins-common
{

font-size: xx-small !important;

}
.product-name
{

font-size: xx-small !important;

}
#banner img
{
  max-width: 115% !important;
  max-height: 100% !important;
  height: auto !important;
  
}
    
    .column1
    {
        width:100%;
    }
      .column2
    {
        width:100%;
    }
      .column3
    {
        width:100%;
    }
    .banner
    {
        max-width:600px;
    }
  /*.topnav.responsive {position: relative;}*/
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
  .topnav.responsive .dropdown {float: none;}
  .topnav.responsive .dropdown-content {position: relative;}
  .topnav.responsive .dropdown .dropbtn {
    display: block;
    width: 100%;
    text-align: left;
}}

* {
  box-sizing: border-box;
}

h1 { font-weight: bold; font-size: 32px; color:brown; } h2 { font-weight: bold; font-size: 30px;color:brown; } h3 { font-weight: bold; font-size: 28px;color:brown; }

* {
  box-sizing: border-box;
}


.prod-image
{
   display: block;
    width: 100%;
    height: 100%; 

}
.prodpage-td1
{
    vertical-align: top;
    width:70%;
}
.prodpage-td2
{
    vertical-align: top;
    width:30%;
}


.prodpage-title
{
    text-transform: uppercase;
    font-size: 36px;
    color: red;
    

}


.prod-desc-ins-common
{
   font-size: 36px; 
}

.column1prodpage
{
    width:0%;
    float:left;
    height:auto;
}
.column2prodpage
{
    width:75%;
    float:left;
    height:auto;
}

.column3prodpage
{
    width:25%;
    float:left;
    height:auto;
}

@media screen and (max-width: 600px) {
    
    .column1prodpage
    {
        width:100%;
    }
      .column2prodpage
    {
        width:100%;
    }
      .column3prodpage
    {
        width:100%;
    }
    .banner
    {
        max-width:600px;
    }
  
}
.footer-prodpage
{
    width:fit-content;
}
form.add-to-cart div,
form.add-to-cart p {
	text-align: center;
	max-width:100%;
}

form input.qty {
	width: 40px;
	border: 1px solid #eee;
	font: 1em 'PT Serif', serif;
	background: #f9f9f9;
	color: #000;
	border-radius: 3px;
	margin-left: 0.4em;
}

.btn, a.btn {
	display: inline-block;
	background: #cc1400;
	color: #fff;
	font: 1em 'PT Serif', serif;
	padding: 0.3em 1em;
	text-align: center;
	border-radius: 4px;
	border: 1px solid #a00;
}

.product-description {
	padding: 1em;
	background: #000;
	color: #fff;
	border-radius: 5px;
}

.product-name {
	text-align: center;
	color: #fc0;
	margin: 0;
	font-size: 1.4em;
	padding-bottom: 0.2em;
	border-bottom: 1px dotted #666;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	max-width:100%;
}

.product-price {
	width: 4em;
	height: 4em;
	font-size: 1.2em;
	text-align: center;
	margin: 1em auto;
	background: #fff;
	color: #800;
	line-height: 4;
	border-radius: 50%;
}