/* 
    Created on : 2023. dec. 30., 19:46:44
    Author     : majika
*/
* {
    padding: 0;
    margin: 0;
    border: 0;
    box-sizing: border-box;
}
body,h1,h2,h3,h4,h5,h6 {
    font-family: "Karma", sans-serif
}

body {
    font-size: 100%;
/*  background-image: url("../images/tan.png");
*/  background-repeat: repeat;
    background-attachment: fixed;
    
}
canvas {
  padding: 0;
  margin: 0;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  position: absolute;
}

.header:after {
    content: '';
    display: flex;
    clear: both;
}
.header {
    position: relative;
    padding: 0 10vw;
    max-width: 1000px;
    margin: auto;
}
.header img {
    max-width: 100%;
}
.header2 {
    position: relative;
    padding: 0 10vw;
    max-width: 500px;
}
.header2 img {
    max-width: 100%;
}

.content {
    display: grid;
    grid-template-columns: 25% 25% 25% 25%;
    padding: 10px;
}
.sorok {
    padding: 5px;
}
.sorok img {
    max-width: 100%;
}

.sorok a,h3 {
    text-decoration: none;
    color: #066;
}

.wrapper {
    text-align: center;
    max-width: 1200px;
    margin: 0 auto;
}
.wrapper h3 {
    color: #066;
    text-decoration: none;
    font-family: Oswald;
}


.fomenu h2 {
    padding: 5%;
}
.fomenu a {
    display: block;
    font-family: 'Inria Sans', sans-serif;
    font-size: x-large;
}

.kiemelt {
    margin: 1%;
    font-size: 150%;
    color: navy;
}

.felsorol {
    justify-content: space-around;
    text-align: left;
    margin-left: 30%;
}

ol {
    list-style-position: outside;
    list-style-type: georgian;
}

.container {
    display: grid;
    grid-template-rows: repeat(4, 100px);
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
}

.product {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.product .itemBox {
    position: relative;
    width: 300px;
    margin: 5px;
}

.product .itemBox img {
    width: 100%;
    object-fit: cover;
}

.product .itemBox .title {
    display: flex;
    justify-content: center;
}

main div {
    display: grid;
    grid-template-columns: 1fr 1fr;

    gap: 1em;
    padding: 1em 2em;
}
main img {
    justify-self: center;
    max-width: 100%;
}

.nyomtat img {
    margin: 10px;
}


footer {
    align-self: end;
}

footer div {
    width: 33%;
    text-align: left;
    padding: 5%;
}

footer div img {
    position: relative;
    max-width: 100%;
}

footer p {
    font-style: oblique;
}

.tores {
    display: contents;
}

.first {
	
}

.szkepek img {
	padding: 8px;
	margin: 8px;
}
.szkepek p {
    font-size: 120%;
}

hr {
    color: navy;
}

@media(max-width:1000px ) {
    body {
        font-size: 90%;
    }
    .content {
        display: grid;
        grid-template-columns: 33% 33% 33%;
    }
    main img {
        max-width: 45vw;
    }
    section div {
        grid-template-columns: 0.9fr 0.9fr;
            grid-column: 2;
    }
    
}

@media(max-width:768px ) {
    footer .third {
        width: 100%;
        padding: 5%;
    }
    footer div img {
        max-width: 30vw;
    }
    
    .fomenu h2 {
        font-size: 180%;
    }
    .fomenu a {
        font-size: 150%;
    }
    .content {
        display: grid;
        grid-template-columns: 50% 50%;
    }
    main div {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 1em;
        padding: 1em 2em;
    }
    main img {
        max-width: 100%;
    }
    .szkepek img {
		margin: 5px;
		max-width: 50vw;
	}

    section div {
        grid-template-columns: 1fr;
            grid-column: 2;
    }

}

@media(max-width:400px ) {
    body {
        margin: 0;
    }
    .fomenu h2 {
        font-size: 145%;
    }
    footer div img {
        max-width: 30vw;
    }
    
    
    .content {
        display: grid;
        grid-template-columns: 100%;
    }
    .sorok h3  {
        font-size: 20px;
        margin: 0;
    }
    main div {
        display: grid;
        grid-template-columns: 1fr;
        gap: 1em;
        padding: 1em 2em;
    }
    section div {
        display: block;
    }
    section img {
        max-width: 66vw;
        margin: 8px;
    }
    
}