.grid { display: grid; margin: 0 auto 50px auto; grid-gap: 50px; line-height: 1.2; }
.container-top,
.container-3x2 { grid-auto-columns: 100%;  }				  
					  
					  					  
.top1 { grid-area: 1 / 1 / span 1 / span 1; }
.top2 { grid-area: 2 / 1 / span 1 / span 1; }
.top3 { grid-area: 3 / 1 / span 1 / span 1; }
.top4 { grid-area: 4 / 1 / span 1 / span 1; }


.kiemelt-cim  { font-size: 1.1rem; margin: 0; }
.kiemelt-p    { font-size: 1rem;   margin: .5rem 0 0 0; }
.kiemelt-bal  { flex: 1; padding: .5rem; }
.kiemelt-jobb { flex-basis: 100%; }
.top1 img  	  { width: 100%; vertical-align: bottom; }


.box { display: flex; flex-flow: row wrap; border: 2px solid black; }
.szoveg-doboz { padding: .5rem .5rem 0 .5rem; }
.normal-cim   { font-size: 1.1rem; margin: 0; }
.normal-p	  { font-size: 1rem;   margin: .5rem 0 0 0; }
.box img 	  { width: 100%;  margin-top: auto; }


.a1 { grid-area: 1 / 1 / span 1 / span 1; }
.a2 { grid-area: 2 / 1 / span 1 / span 1; }
.a3 { grid-area: 3 / 1 / span 1 / span 1; }
.b1 { grid-area: 4 / 1 / span 1 / span 1; }
.b2 { grid-area: 5 / 1 / span 1 / span 1; }
.b2 { grid-area: 6 / 1 / span 1 / span 1; }

.face-gomb { text-align: center; margin: 100px auto; }
.face-gomb img { max-width: 70%; }

@media screen and (min-width: 680px) {
.grid 		   { margin: 0 auto 25px auto; grid-gap: 25px; }
.container-top,
.container-3x2 { grid-auto-columns: 49%; }
.top1 { grid-area: 1 / 1 / span 1 / span 1; }
.top2 { grid-area: 1 / 2 / span 1 / span 1; }
.top3 { grid-area: 2 / 1 / span 1 / span 1; }
.top4 { grid-area: 2 / 2 / span 1 / span 1; }
.top1 img { padding: 0px; }

.a1 { grid-area: 1 / 1 / span 1 / span 1; }
.a2 { grid-area: 1 / 2 / span 1 / span 1; }
.a3 { grid-area: 2 / 1 / span 1 / span 1; }
.b1 { grid-area: 2 / 2 / span 1 / span 1; }
.b2 { grid-area: 3 / 1 / span 1 / span 1; }
.b2 { grid-area: 3 / 2 / span 1 / span 1; }
}


@media screen and (min-width: 999px) {
.grid 		   { margin: 0 auto 35px auto; grid-gap: 35px; }
.container-top, 
.container-3x2 { grid-auto-columns: 33%;}
.top1 { grid-area: 1 / 1 / span 1 / span 3; }
.top2 { grid-area: 2 / 1 / span 1 / span 1; }
.top3 { grid-area: 2 / 2 / span 1 / span 1; }
.top4 { grid-area: 2 / 3 / span 1 / span 1; }
.kiemelt-jobb { flex-basis: 53%; }
.kiemelt-cim  { font-size: 1.2rem; }

.a1 { grid-area: 1 / 1 / span 1 / span 1; }
.a2 { grid-area: 1 / 2 / span 1 / span 1; }
.a3 { grid-area: 1 / 3 / span 1 / span 1; }
.b1 { grid-area: 2 / 1 / span 1 / span 1; }
.b2 { grid-area: 2 / 2 / span 1 / span 1; }
.b2 { grid-area: 2 / 3 / span 1 / span 1; }
}