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 (max-width: 739px) {

#bg_1 { position: fixed; left: 0; bottom: 0%; width: 17%; }
#bg_1 img { width: 100%; opacity: 0.3; }
#bg_2 { position: fixed; right: 0; top: 20%; width: 16%; }
#bg_2 img { width: 100%; opacity: 0.3; }
#content { text-align: center; width: 94%; max-width: 1440px; margin: auto; } 
#logo { text-align: center; margin: 2rem 0 0 0 }
#logo img { width: 66%; }
#contact { margin: 40px auto 0 auto; width: 80%; }
#contact > div { text-align: center;  }
#tartalom { margin: 90px auto 0 auto; }
.prods-cat { font-size: 1.7rem; text-transform: uppercase; font-weight: 600; width: 90%; margin: 0 auto 2rem auto; color: #303030; line-height: 2rem; }
.prods { width: 75%; margin: auto;  }
.prods .prod { width: 100%; display: block; margin: auto; padding-bottom: 6rem; }
.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;   font-weight: 500; width: 95%; max-width: 340px; margin: 0 auto 0.3rem auto; color: #808285; line-height: 2rem; }
.prods .prod .c { margin: 0.3rem auto;  }
.prods .prod .c img { max-width: 70%; }
 
#bottom { padding-top: 4rem; font-size: 1.3rem; line-height: 1.7rem; color: #808285; width: 80%; margin: auto }

}