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: 740px) and (max-width: 1199px) {

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

#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.6rem; text-transform: uppercase;  font-weight: 600; width: 90%; margin: 0 auto 2rem auto; color: #303030; line-height: 1.5rem; }
.prods { display: flex; flex-wrap: wrap; justify-content: space-around;  margin: 0 auto 10rem auto;  width: 75%; }
.prods .prod { width: 40%; 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.3rem; height: 3.2rem; font-weight: 500; width: 90%; margin: 0 auto 1.5rem auto; color: #808285; line-height: 1.5rem; }
.prods .prod .c { margin: 0.3rem auto;  }
.prods .prod .c img { max-width: 70%; }
 
#bottom { padding-top: 6rem; font-size: 1.1rem; line-height: 1.35rem; color: #808285; }

}