/* Smallest width (320 px) */
@media only screen and (max-width: 400px) {
	.s1 h2, .s4 h2, .s5 h2 {
		font-size: 32px;
	}
}
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
	#largemenu {	
		display:none;
	}
	.s0, .s5 div, .s6 {
		grid-template-columns: 100%;
	}
	main {
		width: 100%;
	}
	.gomb {
		margin-top: 20px;
	}
	.rolam p {
		padding: 5%;
	}
	.s3 div {
		padding: 5%;
	}
	.s3 img {
		padding: 5%;
		width: 80%;
		margin: 0% 10%;
	} 
	.s4-szolg {
		padding: 5%;	
	}
	.visszajelzes div {
		padding: 5%;
	}
	.s5 h2, .s5 h4 {
		padding: 2%;
	}
	.s6 p, .s6 h3{
		text-align: center;
	}
	.elerheto, .idopont {
		padding: 5% 10%;
	}

}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
	#largemenu {	
		display:none;
	}	
	.s0, .s5 div, .s6 {
		grid-template-columns: 100%;
	}
	main {
		width: 100%;
	}
	.gomb {
		margin-top: 20px;
	}
	.s3 div {
		padding: 5%;
	}
	.s3 img {
		padding: 5%;
		width: 80%;
		margin: 0% 10%;
	}  
	.rolam p {
		padding: 5%;
	}
	.s4-szolg {
		padding: 5%;	
	}
	.visszajelzes div {
		padding: 5%;
	}
	.s5 h2, .s5 h4 {
		padding: 2%;
	}
	.s6 p, .s6 h3{
		text-align: center;
	}
	.elerheto, .idopont {
		padding: 5% 10%;
	}
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
	/* Első sz.: */
	.mobile-container {
		display: none;
	}
	#largemenu {	
		display: grid;
	}	
	.s1 {
		grid-template-columns: 55% 45%;
		height: 540px;
	}
	.gomb {
		margin-top: 40px;
	}
	.s2 {
		grid-template-columns: 65% 35%;
	}
	.rolam p {
		padding: 5% 18% 5% 10%;
	}
	.s3 {
		grid-template-columns: 33% 33% 33%;
	}
	.s3 div {
		padding: 10%;
	}
	.s4 {
		grid-template-columns: 50% 50%;
	}
	.s4-szolg {
		padding: 10%;	
	}
	.s5 div {
		grid-template-columns: 32% 32% 32%;
    }
	.visszajelzes div {
		height: 240px;
		padding: 5%;
	}
	.s6 {
		grid-template-columns: 35% 35% 30%;
	}

	.visszajelzes p, .visszajelzes h4 {
		padding: 5%;
	}
	.elerheto p, .elerheto h3 {
		text-align: left;
	}
	.idopont p, .idopont h3 {
		text-align: right;
	}
	.elerheto, .idopont {
		padding: 15%;
	}
	

}