video::-webkit-media-controls {
    overflow: hidden !important
}
video::-webkit-media-controls-enclosure {
    width: calc(100% + 32px);
    margin-left: auto;
}
body{
	overflow-x: hidden; 
}
body, html{
 height:100%;
  margin:0;
  font-size:16px;
  font-family:"Lato", sans-serif;
  font-weight:400;
  line-height:1.8em;
  color:#666;
}

#about p{
	padding: 10px;
}
    

.navfloat{

}

.pimg2, .pimg3{
  position:relative;
  opacity:0.70;
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
  /*
    fixed = parallax
    scroll = normal
  */
  background-attachment:fixed;
}

.pimg1 {
  position:relative;

  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
  /*
    fixed = parallax
    scroll = normal
  */
  background-attachment:fixed;
}


.pimg1{
  background-image:url('../img/shopbg_grey.png');
	min-height:100%;
	min-width: auto;
	
}

.pimg1b{
  background-image:url('../img/grey.png');
	min-height:100%;
	min-width: auto;
	
}


.pimg2{
  background-image:url('../img/Tshirt.gif');
  min-height:400px;
}

.pimg3{
  background-image:url('../img/tile.jpg');
  min-height:400px;
}

.section{
  text-align:center;
  padding:50px 80px;
}

.section-light{
  background-color:#f4f4f4;
  color:#666;
}

.section-dark{
  background-color:#282e34;
  color:#ddd;
}

.ptext{
  position:absolute;
  top:15%;
  width:100%;
  text-align:center;
  color:#000;
  font-size:25px;
  letter-spacing:8px;
  text-transform:uppercase;
}

.ptext .border{
  background-color:#111;
  color:#fff;
  padding:20px;
}

.ptext .border.trans{
  background-color:transparent;
}

@media(max-width:568px){
  .pimg1, .pimg1b, .pimg2, .pimg3{
    background-attachment:scroll;
	
  }
}

#footer {
	text-align: center;
	max-height: 15px;
	color: red;
	padding: 17px 0 20px 0;
}

#video {
	top: 50%
	left: 50%
position:fixed;
  
  background-position:center;
  background-size:cover;
background-repeat:no-repeat;
}

#pan {
	width: 250px;
}


video {
    width: 75%;
    height: au;
	padding-bottom: 10px;
}

#splash {
	top: 50%
	left: 50%
position:relative;
  opacity:100%;
  background-position:center;
  background-size:cover;
background-repeat:no-repeat;}

img.logo
{
	position: absolute;
	max-width: 80%;
	top: 10%;
	left: 10%;
}
img.logo:empty
{
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
@media screen and (orientation: portrait) {
  img.logo { max-width: 80%; }
}

@media screen and (orientation: landscape) {
  img.logo { max-height: 80%; }
}

/*--Nav--*/
.topnav {
  overflow: hidden;
  background-color: #333;
	opacity: 0.9;
	position: fixed;
	z-index: 9999;
	width: 100%;
	

}

.topnav a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
	
}

.topnav a {
  float: left;
  display: block;
  color: #f2f2f2;v
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
	
}

.topnav a:hover {
  background-color: #ddd;
  color: black;
	text-decoration: none;
}

.active {
  background-color: #4CAF50;
  color: white;
}

.topnav .icon {
  display: none;
}
@media screen and (max-width: 600px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
		
  }
}

@media screen and (max-width: 600px) {
  .topnav.responsive {position: fixed;}
  .topnav.responsive .icon {
    right: 0;
    top: 0;
  }

.topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
	
		z-index: 9999;
	

  }
/* unvisited link */
a:link {
    color: white;
}

/* visited link */
a:visited {
    color: white;
}

/* mouse over link */
a:hover {
    color: white;
}

/* selected link */
a:active {
    color: white;
}
a:link {
    text-decoration: none;
}

a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

a:active {
    text-decoration: none;
}
	.footer {  background-color: blue;
	opacity: 0.7;
	position: fixed;
	z-index: 9999;
	width: 100%;}