*{
margin: 0;
padding: 0;
border: 0;
text-decoration: none;
list-style: none;
}
*, *:after, *::before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

body { padding: 20px 20px 0; font-family: 'Montserrat', sans-serif; font-size: 16px; line-height: 24px; overflow-x: hidden; }

li { list-style-type: none; }
h1, h2, h3, h4, h5 { font-weight: 900; line-height: 1.2; }

button, input, select, textarea { font-family: 'Montserrat', sans-serif; font-size: 16px; outline: none; }

.left { float: left; }
.right { float: right; }
.clear  { clear: both; }
.inner { max-width: 1200px; margin: auto; position: relative; }
.hide { display: none !important; }
.vertical_middle { top: 50%; position: relative; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.button { height: 50px; padding: 0 20px; font-size: 16px; font-weight: 500; text-transform: uppercase; text-decoration: none !important; text-align: center; color: white !important; line-height: 50px; background-color: #c5dca5; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; cursor: pointer; display: inline-block; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } 
.button:hover { background-color: #000; }
.button.button_fullwidth { width: 100%; }

/* Font */
.center { text-align: center; }
.uppercase { text-transform: uppercase; }

/* Animation */
.anim { -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } 

/* Col */
.row { width: 100%; font-size: 0; }
.row > .col { font-size: 16px; vertical-align: top; display: inline-block; position: relative; }
.row .col_50 { width: 50%; }

.row.row_table { display: table; table-layout: fixed; }
.row.row_table > .col { display: table-cell; }

/* WEBSITE */
#website { min-height: 100vh; min-height: calc(100vh - 40px); padding: 80px 50px 0; background: #75c0b0 url(images/bgr_website.svg) no-repeat left top; background-size: 25% auto; position: relative; }
#website p { margin-bottom: 30px; }

/* SZÉCHENYI 2020 */
.sz2020 { right: 0; top: 0; position: absolute; z-index: 11; }
.sz2020 img { width: auto; height: 150px; display: block; }

/* BIRDS */
.bird { position: absolute; z-index: 10; }
.bird.bird_1 { width: 13%; max-width: 230px; min-width: 150px; height: auto; left: -20px; top: -20px; }
.bird.bird_2 { width: 33%; min-width: 300px; height: auto; right: -100px; }

/* MAP */
.map { width: auto; max-width: 90%; height: 100%; height: calc(100% + 150px); left: 50%; top: -150px; position: absolute; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

/* BOXES */
#boxes { margin-bottom: 100px; }
#boxes .box { margin-bottom: 20px; padding: 20px 25px; font-weight: 500; color: #000; border: 1px solid white; display: block; }
#boxes .box h1 { margin-bottom: 20px; font-size: 33px; color: white; position: relative; }
#boxes .box h1:before { width: 14px; height: 100%; left: -32px; top: 0; background: #c5dca5; position: absolute; z-index: 1; content: ''; }
#boxes .box h1:after { width: 1px; height: 40px; left: -26px; bottom: 0; background: white; position: absolute; z-index: 2; content: ''; }
#boxes .box h3 { margin-bottom: 8px; font-size: 20px; }
#boxes .box strong { font-weight: 900; }

#boxes a.box:hover { background-color: rgba(197,220,165,0.2); }

/* FOOTER */
#footer { margin-left: -70px; margin-right: -70px; margin-top: 100px; padding: 20px; font-size: 12px; text-align: right; color: white; background: #c5dca5; position: relative; }
#footer:before { width: 660px; height: 70px; left: 0; top: -70px; background: url(images/bgr_footer.svg) no-repeat left bottom; background-size: auto 100%; position: absolute; content: ''; }


ul {
	padding-left: 25px;
}

li {
	list-style: disc;
}


/*
------------------
	RWD DESIGN
------------------
*/
@media only screen and (max-width: 1200px) { 
	
	/* DISPLAY: Block */
	.show_in_1200 { display: block !important; }
	
	/* WEBSITE */
	#website { padding: 50px 30px 0; }
}

@media only screen and (max-width: 960px) { 

	/* DISPLAY: None */
	.hide_in_960 { display: none !important; }
	
	/* DISPLAY: Block */
	.show_in_960 { display: block !important; }
	
	/* WEBSITE */
	#website .row { display: block; }
	#website .row .col { width: 100%; display: block; }
	
	/* SZÉCHENYI 2020 */
	.sz2020 img { width: auto; height: 120px; }
	
	/* MAP */
	.map { width: auto; max-width: 90%; height: auto; max-height: 800px; top: auto; position: relative; }
	
	/* FOOTER */
	#footer { text-align: center; }
	#footer:before { display: none; }
}

@media only screen and (max-width: 768px) { 

	/* WEBSITE */
	#website { padding: 50px 20px 0; }
	
	/* BOXES */
	#boxes { margin-bottom: 50px; }
	#boxes .box { padding: 20px; }
	#boxes .box h1 { font-size: 4vw; }
	#boxes .box h3 { font-size: 18px; }
	
	/* FOOTER */
	#footer { margin-top: 50px; }
}

@media only screen and (max-width: 640px) { 

	/* SZÉCHENYI 2020 */
	.sz2020 img { height: 100px; }

	/* BOXES */
	#boxes .box h1 { font-size: 5vw; }
}

@media only screen and (max-width: 480px) { 

	/* BIRDS */
	.bird.bird_2 { min-width: 200px; }
	
	/* SZÉCHENYI 2020 */
	.sz2020 img { height: 80px; }

	/* BOXES */
	#boxes .box h1 { font-size: 6vw; }
}

@media only screen and (max-width: 320px) { 

	/* DEFAULT */
	.button { height: 40px; padding: 0 5px; font-size: 15px; line-height: 40px; } 
	
	/* BIRDS */
	.bird.bird_1 { min-width: 120px; }
}