p {
	margin: 0;
}

a {
	text-decoration: none;
	color: #222222;
}

html {
	height: 100%;
	font-size: 16px;
}

body {
	display: flex;
	flex-direction: column;
	min-height: 100%;
	margin: 0;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	color: #222222;
	background-color: #F8F8F8;
}

header {
	width: 100%;
	height: 9.375rem;
	display: flex;
    justify-content: center;
    align-items: center;
	background-color: #F8F8F8;
}

/* CSS a kép pozíciójának beállításához */
#header-image-container {
    height: 64px; /* Kép magassága 64 pixel */
    width: auto; /* Automatikus szélesség a kép arányának megtartásához */
    position: fixed; /* Fix pozíció a görgetéshez képest */
    top: 0; /* Felülre igazítása */
    left: 0; /* Balra igazítása */
    z-index: 999; /* Magas z-index a tartalmak elé helyezéséhez */
}

/* CSS a felső margó beállításához, hogy a következő tartalom ne fedje el */
main {
    margin-top: 64px; /* A tartalom feljebb kerül 64 pixellel a fix kép miatt */
}



header img {
	height: 6.25rem;
}

section {
	margin-bottom: 3.125rem;
}

section#images {
	display: flex;
	align-items: center;
	justify-content: center;
}

section#images picture {
	width: 100%;
}

section#images picture img {
	width: 100%;
	height: auto;
	max-height: 26.25rem;
	object-fit: cover;
}

section#about {
	text-align: center;
	font-size: 1.25rem;
}

section#contact {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-content: center;
	text-align: center;
	padding-left: 0.625rem;
	padding-right: 0.625rem;
	margin-bottom: 0;
}

section#contact div {
	margin-bottom: 3.125rem;
}

section#tamogatas {
	text-align: center;
	padding-left: 0.625rem;
	padding-right: 0.625rem;

	display: flex;
	justify-content: center;
	align-content: flex-start;
	flex-wrap: wrap;
}

section#tamogatas a {
	margin-bottom: 1rem;
}

section#tamogatas img {
	width: 100%;
	max-width: 45.875rem;
}

.email {
	display: flex;
	justify-content: center;
	font-size: 1.25rem;
	margin-right: 1rem;
}

.email a {
	display: flex;
	align-items: center;
}

.email img {
	width: 1.875rem;
	height: 1.875rem;
	margin-right: 0.9375rem;
}

.contact-number {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;

	text-decoration: none;
	text-align: center;
	font-size: 1.125rem;
}

.contact-number a {
	padding: 0.3125rem 0.625rem;
	border-radius: 1.25rem;
	background-color: red;
	text-decoration: none;
	color: #F8F8F8;
}

.contact-number span {
	font-size: 1.125rem;
	font-weight: 700;
}

footer {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;

	margin-top: auto;
	padding-bottom: 1.25rem;

	width: 100%;

	font-size: 0.875rem;
}

footer span {
	margin: 0 0.625rem;
}

.container {
	width: 100%;
	padding-right: 0.9375rem;
	padding-left: 0.9375rem;
	margin-right: auto;
	margin-left: auto;

}
@media (max-width: 575px) {
	.container {
		width: 95%;
		padding: 0;
	}
}
@media (min-width: 576px) {
	.container {
		width: 540px;
	}
}
@media (min-width: 768px) {
	.container {
		width: 720px;
	}
}
@media (min-width: 992px) {
	.container {
		width: 960px;
	}
}
@media (min-width: 1200px) {
	.container {
		width: 1140px;
	}

	section#images picture {
		min-height: 15.625rem;
		position: relative;
	}

	section#images picture img {
		width: 100%;
		height: 100%;
		max-height: 26.25rem;
		object-fit: cover;
		position: absolute;
		object-position: top;
		top: 0;
		left: 0;
	}

	section#tamogatas {
		flex-wrap: nowrap;
	}

	section#tamogatas a {
		margin-right: 1rem;
	}
}