html {  }
html , body { width: 100%; box-sizing: border-box; }

body { font-size: 16px; position: relative;   }
body { margin: 0; padding: 0; text-align: center; background-color: #f3f3f3; line-height: 23px; }
body, td , input , select, textarea , button { font-family: 'Source Sans Pro', sans-serif; font-weight: 400; color: #2d2d2d; }

div, span, a , i , b , input , textarea , button , select , table, td { box-sizing: border-box; touch-action: manipulation; outline: none; }

h1 { display: none; }
a { color: var(--cl); text-decoration: none; }
a:hover {  color: var(--cl); text-decoration: none; }
a img { border-width: 0; border-style: none; }


@media all and (min-width: 1200px) {

#bg_1 { position: fixed; left: 0; top: 50%; transform: translateY(-30%); width: 13%; }
#bg_1 img { width: 100%; opacity: 0.2; }
#bg_2 { position: fixed; right: 0; top: 50%; transform: translateY(-50%); width: 11%; }
#bg_2 img { width: 100%;  opacity: 0.2;  }

#content { text-align: center; width: 94%; max-width: 1440px; margin: auto; } 

#logo { float: left; text-align: left; margin: 40px 0 0 0; width: 49%; }
#logo img { width: 320px; }

#contact { float: right; text-align: right;  margin: 66px 0 0 0; width: 49%; }
#contact > div { text-align: center; display: inline-block; }

#tartalom::before  { display: table; clear: both; content: ''; height: 60px; }
#tartalom { margin: 0px auto 0 auto;  }

.prods-cat { font-size: 1.9rem;  text-transform: uppercase;  font-weight: 600; width: 90%; margin: 0 auto 2rem auto; color: #303030; line-height: 2.2rem; }
.prods { display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0 auto 10rem auto; width: 67%;   }
.prods .prod { width: 38%; display: block;  }
.prods .prod:hover {   }
.prods .prod .b { border-width: 8px; border-style: solid; border-color: transparent; border-radius: 500px; transition: border-color 0.15s; }
.prods .prod .b:hover { border-color: #ee3224; }
.prods .prod .b img { width: 100%; height: auto; display: block; }
.prods .prod .a { font-size: 1.7rem; height: 5rem; font-weight: 500; width: 90%; margin: 0 auto 1.5rem auto; color: #808285; line-height: 2.2rem; }
.prods .prod .c { margin: 0.3rem auto;  }
.prods .prod .c img { max-width: 90%; }
 
#bottom { padding-top: 8rem; font-size: 1.4rem; line-height: 1.7rem; color: #808285; }

}


.noselect , .noselect * {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Opera and Firefox */
}