body{background:black;color:white; font-family: 'eurostileregular', sans-serif;
  font-weight: 700;margin:0; padding:0; font size: 16px;}
a{color:white; text-decoration: none;}
.logo img{max-width: 300px; width: 40vw;}
img{width:100%;}
img.poster {max-width: 1000px; text-align: center; margin-top:3em;}
.nav{position:fixed; z-index:100;}
a li{list-style: none;}
  .socials a{display: block; margin:1em.2em;font-size:1.3em;}
  .socials a:hover{color:#e30613;}
  .socials{margin-top:30vh; margin-left: .5em;}
.menu{padding: 1em 0;
  position: fixed;
  text-align: center;
  width: 100%;
  top: 0;
  background: linear-gradient(180deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);}
  .menu a{  text-decoration: none; display: inline-block; font-size: 13px; margin: 0 .3em;}
  .menu a:hover{color:#e30613;
  transform: scale(1.1); transition: all .2s;}

  #home{flex-flow: column;
  justify-content: space-between;
  align-items: center;
  height: 90vh;
  margin-left: auto;
  margin-right: auto;
  padding-top: 60px;
  padding-bottom: 60px;
  display: flex;background:url('images/Ed Cooke.jpg') center bottom scroll; background-size:cover;-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;}
  .text-overlay{text-align:center;flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 50vh;
  display: block;}
  a .button{display:block; padding:.4em; text-transform: uppercase;width: 90%; max-width: 300px; margin: 1em auto; background: white; color:black; border-radius: 1em;}
  a .button:hover{transform: scale(1.1);transition: all .2s; background: #e30613;}

section.normal h1{margin-top:2em;text-align: center; padding:2em;}
.container{width: 90%; max-width: 1400px;margin: 0 auto; text-align: center;}
  .product{display: inline-block; width: 100%; max-width: 300px; text-align: center; padding: 1em;}
  .product img{ width:100%; max-width: 300px; }

  /*video*/
  .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/*footer*/
.footer{width: 100%; padding: 2em 0; text-align: center; font-size: .8em;}

.footer{ background:black; width: 100%; bottom:0; position: fixed; text-align: center; border-top: 1px solid white;}
.footer.position{border-top: none!important; margin: 1em auto;}

.position{position: relative; padding:3em 0;}
.hide{display: none;}
button{border-radius: 0 !important;
font-family: 'eurostilebold_extended_2';
box-shadow: none !important;
font-size: .8em;
border: 1px solid white;
color:black;
background: white;
cursor: pointer;
padding: .1em 1em;}



/*media queries*/
@media screen and (min-width: 1000px){
  .left, .right{ width: 100%;
    max-width: 400px;display:inline-block; margin: 2em;}
  .text-overlay{flex-flow: initial; width: 100%;}
  #home{background:url('images/Ed Cooke.jpg') center fixed; background-size:cover;-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;}
  .menu{  background: linear-gradient(180deg,rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);width: auto;padding:0; background:none;}
  .menu a{font-size: 16px;}
  .nav a{display: inline-block; margin:.3em;}
.socials, .menu{display: inline-block;}
.socials{margin: .3em;}
.socials a{margin: .2em; font-size:1em;}
.menu{margin-left: 19vw; top:1%;}
.socials{font-size:1.2em;}
.nav{background: linear-gradient(180deg,rgba(0, 0, 0, 0.72) 0%, rgba(0, 0, 0, 0) 100%);
    width: 100%;}
}
@media screen and (min-width: 1600px){
.menu{margin-left: 22vw;}
}
@media screen and (min-width: 1900px){
.menu{margin-left: 26vw;}
}