html, body{margin: 0; padding: 0; height: 100%; text-align: center;}
section{}
a{text-decoration: none;}
li{list-style-type: none;}
h1,h2,h3,a{font-family: "", sans-serif; font-weight: 500; color: #494949;}
h3{font-size: 40px; padding-top: 4%; margin-bottom: 5px;}
h4, p{font-family: "", serif; color: #494949;}
hr{width: 30px; height: 3px; background: #494949; border: 0; margin: 0 auto 40px auto;}


/*HEADER*******************************/


header{width: 100%; height: 65px; position: fixed; top: 0; left: 0; background: #fff; box-shadow:  0 1px 3px rgba(0, 0, 0, 0.1); z-index: 1;}
#logo{float: left; margin: 0px 0 0 10px; width: 200px; height: 65px;}
#logo img{width: 100%;}
header nav ul{width: 100%; height: 0; overflow: hidden; margin: 0; padding: 0;}
header nav ul li:hover{background-color: #f4f4f4;}
#nav{height: 33px; width: 40px; margin: 16px 10px 16px auto; float: right;}
#main-nav{float: right; margin: 0;}
header nav ul.open{height: auto;}
header nav ul li{
  width: 100%;
  padding: 5px 0;
  margin: 0;
  font-size: 30px;
  border-top: 1px solid black;
  background: #D2D2D2;
}
  #main-nav{width: 100%;}


/*HOME*******************************/

#home{background: url(../img/bg2.png); background-position: center center; background-size: cover;}
#home h1{margin: 240px auto 0 auto; font-size: 110px; color: #fff;}
#home h2{margin: 0 auto 0 auto; font-size: 25px; color: #fff;}
#home img{width: 100px; margin-top: 650px; opacity: 0,7;}
#home img:hover{width: 120px;}
#home{width: auto; height: 300px;}


/*SHOP*******************************/

#shoplayout{background-color: #fff; min-height: 100%;}
#shop{width: 1000px; margin: 0 auto 0 auto;}
#shop ul{padding: 0; margin: 0}
#shop ul li{width: 33%; float: left; margin-bottom: 15px;}
#shop img{width: 250px; height: 300px; border-radius: 5px;}
#shop img:hover{transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2);}


/*footer*******************************/


footer{width: 100%; height: 70px; background-color: #3f3f3f; float: left;}
footer p{font-size: 12px; color: #f0f0f0; padding-top: 30px;  margin: 0px;}


/*Media*******************************/

/*Tablet*******************************/

@media screen and (max-width: 1024px){
  #logo{margin-left: 5px;}
  header{height: 65px;}
  header nav ul{width: 100%; height: 0; overflow: hidden; margin: 0; padding: 0;}
  header nav ul li:hover{background-color: #f4f4f4;}
  #nav{height: 33px; width: 40px; margin: 16px 10px 16px auto; float: right;}
  #main-nav{float: right; margin: 0;}
  header nav ul.open{height: auto;}
  header nav ul li{
    width: 100%;
    padding: 5px 0;
    margin: 0;
    font-size: 30px;
    border-top: 1px solid black;
    background: #D2D2D2;
  }
  #main-nav{width: 100%;}
  #home h1{font-size: 90px; margin-top: 200px;}
  #home h2{font-size: 22px;}
  h3{padding-top: 12%}
  #shop{width: auto;}
  #shop ul li{width: 33%; float: left;}
  #shop ul li:last-child{padding-bottom: 20%}
  #home img{width: 100px; margin-top: 450px; opacity: 0,7;}
}

/*Mobile*******************************/

@media screen and (max-width: 480px){
  #logo{margin-left: 5px;}
  header nav{margin-top: 0;}
  header nav ul li{font-size: 15px; margin-bottom: 14px; margin-left: 10px; padding: 0; float: left;}
  #home h1{font-size: 90px; margin-top: 200px;}
  #home h2{font-size: 22px;}
  h3{padding-top: 18%}
  #shop{width: auto;}
  #shop ul li{width: 49%; float: left;}
  #home img{width: 100px; margin-top: 90%; opacity: 0,7;}
  header nav ul{width: 100%; height: 0; overflow: hidden; margin: 0; padding: 0;}
  header nav ul li:hover{font-size: 16px; padding-top: 0;}
  #nav{height: 33px; width: 40px; margin: 16px 10px 16px auto; float: right;}
  #main-nav{float: right; margin: 0;}
  header nav ul.open{height: auto;}
  header nav ul li{
    width: 100%;
    padding: 5px 0;
    margin: 0;
    font-size: 30px;
    border-top: 1px solid black;
    background-color: #D2D2D2;
  }
  header nav ul li:hover{
    background-color: #eeeeee;
    padding: 0px;
    font-size: 30px;
  }
  #main-nav{width: 100%;}
  #shop img{width: 100px; height: 130px; border-radius: 5px;}
}