* {
	box-sizing: border-box;
}

body {
	margin: 0;
	background-color: #F2F3F4;
	font-family: Arial, Helvetica, sans-serif;
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}

#content {
	max-width: 1200px;
	margin: 0 auto;
}

header {
	background-color: #f9cb40;
}

header h1 {
	margin: 1rem 0 0.5rem 0;
}

header h2 {
	margin: 0;
}

#header-flex {
	font-size: 0.8rem;
	padding: 0 4rem;
	text-align: center;
}

img {
	width: 100%;
	box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

#social-media-buttons {
	display: none;
}

.social-media-button {
	display: inline-block;
	height: 4rem;
	padding: 0.25em;
	border: 1px solid black;
	border-radius: 0.25em;
}

.social-media-button img {
	height: 100%;
	box-shadow: none;
}

#nav-menu {
	background-color: #f08008;
	list-style: none;
	padding: 0;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	margin: 1rem 0 0 0;
}

#nav-menu li {
	font-size: 1.2rem;
	display: block;
	padding: 0.5em 1.5em;
}

#nav-menu a {
	color: black;
	text-decoration: none;
	font-weight: bold;
}

.nav-active {
	color: #060eb8 !important;
}

#menu-toggle {
	text-align: center;
}

main {
	width: 100%;
	max-width: 1300px;
	margin: 0 auto;
	padding: 1rem;
}

main p {
	text-align: justify;
}



figure {
	text-align: center;
}

footer {
	margin-top: auto;
	background-color: #f9cb40;
	padding: 1rem 2rem;
}

#footer-social-media {
	margin-top: 1rem;
}

#footer-social-media .social-media-button {
	height: 3rem;
}

@media screen and (min-width: 650px) {
	footer {
		min-height: 180px;
		display: flex;
		align-items: center;
		padding: 0 2rem;
	}

	#footer-img {
		background-image: url("../images/budapest.png");
		width: 275px;
		min-height: 180px;
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
		margin-left: auto;
	}
}

@media screen and (max-width: 800px) {
	.hidden {
		display: none !important;
	}
}

@media screen and (min-width: 800px){
	#nav-menu {
		display: flex;
		justify-content: center;
		padding: 0 2rem 0 2rem;
	}

	#menu-toggle {
		display: none !important;
	}
}

@media screen and (min-width: 1025px) {
	#header-flex {
		display: flex;
		align-items: center;
		justify-content: space-between;
		text-align: left;
	}

	#social-media-buttons {
		display: block;
		margin-top: 1rem;
		text-align: center;
	}

	#nav-menu {
		justify-content: flex-start;
	}
}

#skip-links {
    position: absolute;
    left: -10000em;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
    white-space: nowrap;
}

body.hc {
	font-size: 1.5rem;
	background-color: black !important;
}

body.hc * {
	color: white !important;
	background-color: black !important;
}

body.hc .nav-active {
	border: 1px solid white;
}

body.hc img, body.hc figure, body.hc #video-box, body.hc #footer-img {
	display: none;
}

body.hc .col, body.hc #sec1-p, body.hc #sec2-p, body.hc #sec1-flex p {
	max-width: none;
	width: 100%;
}