@media (max-width: 950px){

.home.nav{
display: block!important;}

#menu-main{
  display: none!important;
}

/*nav{
      display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}
*/



.page-template-page-home .m-all {
    padding-top: 51%;
  }

  .wp-block-columns {
    display: flex;
    margin-bottom: 28px;
    flex-wrap: wrap;
    padding-top: 1em;
}

.wp-block-image .alignright {
    float: right;
    margin-left: 0em!important;
}

.entry-content img {
    margin: 0 0 0 0;
    max-width: 100%;
    height: auto;
    padding: 1em;
}



iframe{
  width: 100%;
}

  .footer-links {
    display: block;
    position: absolute;
    left: 0;
    top:0;
  }

  #menu-mobilemenu{
    position: fixed;
    top: 0;
    right: 0;
    width: 100vw;
    height: 100vh;
    background: #333333;
    z-index: 8;
    display: grid;

  }

  #mobile-menu-btn{
    /*display: block!important;*/
  }

  #mobile-menu-btn-close{
    z-index: 12;
  
  }

  ul#menu-mobilemenu {
    position: absolute;
    left: 0;
    top:0; 
}

    #home_top {
    position: absolute;
    width: 100%;
    margin: 0 auto;
    left: 0;
    top: 80px;
  }

    .home-logo-overlay{
      display: none;
    }

/*  .header {
    /* height: 10%; */
 /*   position: fixed;
    top: 0;
    z-index: 5;
    width: 100%;
    opacity: 0.9;

}*/

.header{
  height: 80px;
  position: absolute;
  background-color: #111111;
  top: 0;
  z-index: 5;
  width: 100%;
  opacity: 1;
}

#logo{

}

.social{
  margin-right: 5px;
  line-height: 80px;
  display: inline;
}

.social img{
  height: 50px;
  padding-right: 5px;
}




#header_title {
    color: #ffffff;
    font-weight: bold;
    margin-top: 4%;
    padding-left: 0%!important;
    font-size: 1.5em;
    line-height: 100%;}

#content {
    margin-top: 4em;
    position: relative;
}

#header-text{
  color: #ffffff;
    font-weight: bold;
    margin-top: 2%;
    padding-left: 0%!important;
}

#mobile_nav{
  display: block;
}
.content{
      margin-top: 0%;
    position: relative;
}

.product_cat-hoodies{
  padding-top: 15%;
}

}

@media (min-width: 901px){

  .home.nav{
display: none!important;}


  .footer-links {
    display: none;
  }
  }


  @media (min-width: 545px) and (max-width: 901px){

    .home#nav{
display: none!important;}

   /* .logo-top {
    padding-top: 2%;
  }*/

}

@media (max-width: 566px){
  .home.nav{
display: none!important;}
.m-all {
    padding-top: 0%;
}

.logo-top {
        height: 80%!important;
    padding: 4% 1% 1% 2%;
  }

  #logo {
    height: 74px;
  }
}

@media (max-width: 375px){
  .home.nav{
display: none!important;}
.m-all {
    padding-top: 0%;
}
#logo {
        height: 73px;
    padding-top: 10px;
  }
}
@media (min-width: 320px) and (max-width: 374px) {
  #logo {
    height: 67px;
    padding-top: 15px;
}
}



#mobile-menu-btn{z-index: 15;}

#main-nav, .mobile-menu {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  right: 0;
  background-color: #111;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
  z-index: 10;
}

#mobile-menu-btn a {
  /*padding: 8px 8px 8px 32px;*/
  text-decoration: none;
  font-size: 25px;
  color: #ffffff;
  display: block;
  transition: 0.3s;
}

#mobile-menu-btn a:hover {
  color: #f1f1f1;
}

#mobile-menu-btn .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

@media screen and (max-height: 450px) {
  .mobile-menu {padding-top: 15px;}
  .mobile-menu a {font-size: 18px;}
}