/*site.css*/


html {
  overflow: hidden;
  size:  80%;
}


footer {
  font-size: 4px;
}

h3 {
  text-shadow:  1px 1px gold;

}

header {
	background-color: none;
  width: 100%;
  height:100%;
  margin-left:   5%; text-align: center;
  margin-right: -10%;
   margin-top:  -60px;
  text-shadow: 2px 2px gold;
overflow: none;
}

body {
  height: auto;
 padding-top: 50px;
    background-image: url(../img/highrez2.jpg);
  background-size: cover;
    background-repeat: no-repeat;
 overflow: none;
  text-align: center;
 } 

#img2 {
  top:  0;
}

audio {
  box-shadow: 2px 2px 5px 5px gold;
}

td {
  color: gold;
  height: 135px;
  width: 125px;
  box-shadow: 2px 2px 5px 5px gold;
  font-size: 23px;
  text-shadow: 1px 1px black;
  font-family: cursive; ;
}

table {
box-shadow: 2px 2px 5px 5px gold;

}

.gallery {
   top: 120px;
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    grid-template-rows: repeat(8, 5vw);
    grid-gap: 17px;
    width:20%;
    height: 20%;
   
}

.gallery__img {
    top: 140;
    right:  100;
    height: 125px;
    width: 125px;
    object-fit: cover;
   
}


.video {

 
  padding-left: 200px;
 
  }

.video2 {
  
  box-shadow: 1px 1px 3px 3px gold; 
}

.aboutusvid {
   
 overflow: none;
  float: right;
  clear: both;
  box-shadow: 1px 1px 3px 3px gold; 
}

.aboutus {
  padding: 10px;
   margin:   20px;
 overflow: none;
  float: right;
  clear: both;
  box-shadow: 1px 1px 3px 3px gold; 
}

.pickelimg {
    float:right;
    width:220px;
    height:auto;
    transform: rotate(3DEG);
    transition: 2S all;
}    

.pickelimg:hover {
    width: 220px;
    transform: 
    rotate(363deg);
}

.contact {
 box-shadow: 1px 1px 3px 3px gold;  
}

.front img {
 
  border-color: gold;
  box-shadow: 2px 2px 7px 7px gold;
}


.storeform {
  padding: : 50px;
  width: 300px;
  display: inline-block;
  

}

.requestform label {
  align-content: center;
    font-weight: bold; {}
.requestform input[type=name],
.requestform select
.requestform input[type=email]
.requestform input[type=phone],
.requestform textarea 
  width: auto;
}

.requestform  input[type=submit] {
  background-color: gold;
  color: white;
 align-self: center;
 color: darkred;
  border-radius: 15px;
  padding right:  30px;
  margin-top: 5px;
   box-shadow: 1px 1px 5px 5px gold; 
}

#msg,#mail,#phone,#name {
  align-content: center;
}

.storeform,.requestform {
  color: gold;
  float: left;
  clear: both;
  padding-top: : 10px;
  text-align: right;
  text-shadow: 1px 1px black;
  overflow: none;
  box-shadow: 0px 0px 0px 0px gold;  
}

.textbody {
  float: left;
  clear: both;
  color: gold;
  padding-left:200px;
  text-align: center;
  text-shadow: 2px 2px black;
  overflow: none;
}

.textbody1 {
  float: left;
  clear: both;
  padding: 10px;
  text-align: center;
  text-shadow: 1px 1px black;
  overflow: none;
  box-shadow: 1px 1px 3px 3px gold;  
}

.contact {
  float: left;
  clear: both;
  padding: 10px;
 margin: 20px;
  text-align: center;

  overflow: none;
}

.contact a {
  background-color: none;
  color: brown;
  display: block;
  font: small-caps;
  padding-left: auto;
   text-shadow: -1px -1px gold;
   overflow: none;
 }

.contact a:hover {


display: block;
background: crimson;
  color: gold;
  text-decoration: none;
  border: gold;
}


.contact a:active {
  background-color: gold;
  color: gold;
  display: block;
}


.gang2 {
float: right;
  overflow: none;
  height: 200px;
 padding-right: 120px;
overflow: none;
}



#nav {
  font: bold;
}




.header img {
  float: left;
  width: auto:;
  height: 250px;
  background-color: none;
  overflow: none;

}



.nav-menu {
  width: 180px; 
  font: 7;
 position: fixed;
  top: 150px;
  padding-top: 100px;
}

.nav-menu a {
  background-color: none;
  color: brown;
  display: block;
  padding-left: auto;
   text-shadow: -1px -1px gold;
   overflow: none;
 }

.nav-menu a:hover {


display: inline-block;
background: crimson;
  color: gold;
  text-decoration: none;
  border: darkgold;
}

label {
  text-shadow: 1px 1px black;
}

.nav-menu a:active {
  background-color: darkgold;
  color: gold;
  display: block;
}


.main-container{
	width: 100%;
	height: 100%;
	background-size: 100%;
	font-style: serif;
  overflow: none;
}

.footer  { 
  
  background-position: 100% 100%;
  padding-top:50px;
  background-color: none;
  }

#footer{ position: fixed ;bottom: 10px; width: 100%; text-align:top;}