@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Slabo+27px&subset=latin-ext');

@media only screen and (max-width: 768px) {
	
	#mobile { display: block; }
	#nomobile {display: none; }

	body, td, th { font-size: 5vw;}
	h1 { font-size: 10vw; margin:0; padding:0; }
	h2 { font-size: 7vw; margin:0; padding:0; }
	h3 { font-size: 6vw; margin:0; padding:0; }
	input, textarea, select {font-size: 5vw; padding:1vw; }
	
	#header { position: relative; width:100%; height: 100vh; z-index:1;  }
	#header_bg_keret { width:100%; height: 100vh; z-index:1; overflow:hidden;position:absolute; }
	#header_bg {width:100%; height: 100vh; background-image: url(img/slider.jpg); background-position: center; background-size: cover; position:absolute;}
	.hatterzoom{ -webkit-animation-name: zoom; -webkit-animation-duration: 30000ms; -webkit-animation-iteration-count: 1; -webkit-animation-timing-function: ease-in-out; }
	
	
	#logo {height:10vw; position: fixed; top:0; left:1%; z-index:10000;}
	
	#menum { width:100%; position: fixed; right:0; top:0; height:8vw; padding:1vw 2vw 1vw 0; background-color:#aecb06; z-index:9999;}
	
	#menu { background-color:#aecb06; position: relative; width:100%; margin: 10vw 0 0 0;}
	#menu h1 a { font-size:6vw; color:#fff; padding:2vw 0 2vw 0; border-bottom:1px solid #fff; display:block;}
	
	#header_container { position: relative; width:90%;  margin: auto; color:#FFF; padding: 15vw 0 0 0; }
	#header_container h3 {font-family: 'Slabo 27px', serif;  color:#FFF; font-size: 7vw;}
	#header_container div { font-size: 3.7vw;}

	#header #main_nyil {position: absolute; right: 0; left:0; margin:auto; bottom:5vh; width: 8vw;}
	
	.scroll_a_tetore{ width:8vw; height:8vw; text-align:center; position:fixed; bottom:10%; right:2vw; display:none; background: url('img/nyiltotop.png') no-repeat; opacity: 0.7; z-index:9000; background-size: cover;}
	.scroll_a_tetore:hover { opacity:1.0;}
	
	#elvalaszto { width:80%;}
	
	hr { border:none; border-bottom: 0.5vw solid #8e999e; width:20vw;}
	.menualatt	{ border:none; border-bottom: 1px dotted #8e999e; width:100%; padding:0; margin:10vw 0 1vw 0;}	

	#elvalaszto { width:80%;}
	
	#udv1 { width:100%; }
	#udv2 { width:100%; }
	
	#index_container { width:90%; position:relative; margin: 0vw auto 0vw auto; }
	
	#index_hirek_kep { width:0%; display:none;}
	#index_hirek_hirek { width: 90%; background-color:#aecb06; color:#FFF!important; padding:5%;}
	#index_hirek_hirek h3 a, #index_hirek_hirek h2, #index_hirek_hirek div { color:#FFF;}
	#index_hirek_hirek h3 a { font-weight:700;}
	#index_hirek_hirek h3 a:hover { color:#000;}
	#index_hirek_hirek hr { border-bottom-color:#fff!important; margin: 2vw 90% 2vw 0; width:10%;}
	#index_hirek_hirek .datum { opacity:0.5;}
	#index_hirek_hirek #kiskep { width:30%; padding:0 2vw 0 0;}
	
	#index_kozelgo_box { width:96%; padding:2%;  margin:0 0 2vw 0; }
	#index_kozelgo_box img { width:100%;}
	#index_kozelgo_box #datum { background-color:#aecb06; color:#fff; padding:5%; width:90%;}
/*	#index_kozelgo_box #cimkeret { width:auto; height: 12vw; overflow:hidden;}*/
	#index_kozelgo_box #cimkeret {}
	#index_kozelgo_box h3 { margin:0vw 0 0 1vw;  }
	
	#index_galeria { width:100%;}
	#index_galeria img { width:25%;}
	
	#telepulesi_konyvtar_adatok { width:100%; margin:0 0 5vw 0; }
	.konyvarmozilogo { width:20vw;}
	#telepulesi_konyvtar_kepek { width:100%; }
	#telepulesi_konyvtar_kepek img { width:100%; margin:0 0 5vw 0;}
	#telepulesi_konyvtar_adatok_leiras p { margin:0;}
	#telepulesi_konyvtar_adatok_leiras img { width:100%!important;}
	
	
	#konyvtarak1 { width:100%;  display:inline-block; padding:0 0.5% 0  0.5%;}
	#konyvtarak2 { width:100%; display:inline-block; padding:0 0.5% 0  0.5%}
	#konyvtarak3 { width:100%; display:inline-block; padding:0 0.5% 0  0.5%}
	#box {border:1px solid #e9e9e9; margin:0 0 1vw 0;}
	#box p { margin:0; padding: 1vw; background-color:#e9e9e9; font-weight:700;}
	#box div {border-bottom:1px solid #e9e9e9; }
	#box div a { display:block;padding:1vw;}
	#box div a:hover { color:#fff; background-color:#eea40a;}
	
	.kapcsimg { width:100%;}
	.kapcs1 { width:25%;}
	
	#hirek_kepkeret { width:100%; padding:0 0 0 0;}
	.hirek_kep { width:100%;}
	#lapozas span {padding: 2vw 3vw 2vw 3vw;border-radius: 1vw; color:#FFF; background-color:#eea40a;border:2px solid #eea40a;}
	#lapozas a { padding: 2vw 3vw 2vw 3vw; border-radius: 1vw; color:#FFF!important; background-color:#aecb06; transition-duration: 0.5s; cursor:pointer; border:2px solid #aecb06; width:100%!important; text-transform:uppercase; font-weight:700; line-height:15vw;}
	#lapozas a:hover {color:#aecb06!important;; background:none; border:2px solid #aecb06; transition-duration: 0.5s;}
	
	#hir_kepek { width:100%;}
	
	#esemenyek_box { width:100%; padding:0%;  margin:0 0 10vw 0;}
	#esemenyek_box img { width:100%;}
	#esemenyek_box #datum { background-color:#aecb06; color:#fff; padding:5%; width: 90%;}
	#esemenyek_box #cimkeret { width:auto; overflow:hidden;}
	#esemenyek_box h3 { margin:0vw 0 0 1vw; }
	
	#galeriak { width:100%;}
	#galeriak img { width:25%;}
	#galeria { width:100%;}
	#galeria img { width:100%; margin: 0 0 5vw 0;}
	
	.konyvajanlo_kep { padding: 0.9vw; border: 5px solid #eea40a; margin: 1.5vw;  transition-duration: 0.9s;}
	
	.konyvajanlo_adatlap_kep { padding: 2%; border: 5px solid #eea40a; margin: 0 0 2.5vw 0; width: 96%;  }
	.konyvajanlo_adatlap_datum { text-align: center;}
	
	.ajanlo_datum { background-color:#aecb06; color:#fff; padding:5%; width: 90%; margin: 0 0 5% 0; }
	.ajanlo_leiras p { padding: 0; margin: 0;}
	
	.mapboxgl-popup { font-family: 'Open Sans Condensed', sans-serif; color: #8e999e; font-weight: 300; min-width: 400px; max-width: 100%; font-size: 5vw; line-height: normal!important; text-align: center;}
	#map { position: absolute; top: 0; bottom: 0; width: 100%; height: 90vh; }
	.map_container {position: relative; height: 90vh;}
	
	.kb_container { width: 100%; }
	.kb_2hasab { width: 100%; display: flex; flex-wrap: wrap; align-items: flex-start; margin: 0 0 10% 0;}
	.kb_hasabelv {display: none; }
	.kb_2hasab h2, .kb_2hasab h4 {width: 100%; margin: 0 0 5% 0; text-align: center;}
	/*.kb_naptar {width: 54%; margin: 0 1% 0 0;}
	.kb_napok {width: 45%;}	*/
	.kb_naptar {width: 98%; margin: 0 1% 0 0;}
	.kb_napok {width: 100%;}
	.kb_napok table td {border-bottom: 1px solid #ccc; }
	.kb_napok table tr:hover { background: #eee;}
	.kb_napok_cim { background: #ee9f09;  color: #fff;}
	.kb_napok_ora { white-space: nowrap; width: 1%; font-size: 70%; font-weight: 700;}

	.butt1 { padding: 2vw 5vw 2vw 5vw; border-radius: 1vw; font-size: 4vw; color:#FFF; background-color:#eea40a; transition-duration: 0.5s; cursor:pointer; border:2px solid #eea40a; width:100%!important; text-transform:uppercase; font-weight:700; line-height:4.5vw;}
	.butt1:hover {color:#fff; background:none; border:2px solid #fff; transition-duration: 0.5s;}
	
	.butt2 { padding: 2vw 5vw 2vw 5vw; border-radius: 1vw; font-size: 4vw; color:#FFF; background:none; transition-duration: 0.5s; cursor:pointer; border:2px solid #fff; width:100%!important; text-transform:uppercase; font-weight:700; line-height:4.5vw;}
	.butt2:hover {color:#fff; background-color:#eea40a; border:2px solid #eea40a; transition-duration: 0.5s;}
	
	.butt3 { padding: 2vw 5vw 2vw 5vw; border-radius: 1vw; font-size: 4vw; color:#FFF!important; background-color:#aecb06; transition-duration: 0.5s; cursor:pointer; border:2px solid #aecb06; width:100%!important; text-transform:uppercase; font-weight:700; line-height:4.5vw;}
	.butt3:hover {color:#aecb06!important; background:none; border:2px solid #aecb06; transition-duration: 0.5s;}
	
	.footermsbt {width:20vw;}
	#footer { background-color:#c7c7c7; color:#fff; width:100%; font-size: 5vw;}
	#footer a { color:#fff; margin: 1vw 1vw 2vw 1vw; display:block; font-weight:700;}
	#footer a:hover { color:#000;}
	.footerlogo { width:30%;}
	.footerlogok { width:30%; display:block;}
	.footersoc { width:12%;}
	#footerzold { background-color:#aecb06; color:#fff; width:100%; padding:1vw 0 1vw 0;}
	
}


@media only screen and (min-width: 769px) {
	
	#mobile { display: none; }
	#nomobile {display: block; }

	body, td, th { font-size: clamp(12px, 1.6vw, 25px);}
	h1 { font-size: clamp(26px, 3.8vw, 48px); margin:0; padding:0; }
	h2 { font-size: clamp(18px, 2.5vw, 38px); margin:0; padding:0; }
	h3 { font-size: clamp(13px, 1.9vw, 23px); margin:0; padding:0; }
	input, textarea, select {font-size: 1.6vw; padding:0.3vw; }
	
	#felsosav { width:100%; background-color:#aecb06; color:#FFF; font-size:1vw; height:2vw; min-height:35px;}
	#felsosav div { float:right; margin:0.2vw 0.7vw 0.2vw 0; opacity:1.0;}
	#felsosav img { vertical-align:middle; width:22px;}

	#logo { width:100%; text-align:center;}
	#logo img {height: 6vw;}
	.social_2 {position: absolute; height:2vw; width: 10vw; right: 1vw; top: 4vw; white-space: nowrap;}
	.social_2 img { height: 2vw; margin: 0 0.5vw 0 0;  }

	
	#header { width:100%; height: 80vh; z-index:2; overflow:hidden; }
	#header_bg_keret { width:100%; height: 80vh; z-index:1; overflow:hidden;position:absolute; }
	#header_bg {width:100%; height: 80vh; background-image: url(img/slider.jpg); background-position: center; background-size: cover; position:absolute;}
	.hatterzoom{ -webkit-animation-name: zoom; -webkit-animation-duration: 30000ms; -webkit-animation-iteration-count: 1; -webkit-animation-timing-function: ease-in-out; }

	
	#header_container { position: relative; width:100%; max-width:1180px; margin: auto; color:#FFF; z-index:10; }
	#header_container h3 {font-family: 'Slabo 27px', serif;  color:#FFF; font-size: clamp(21px, 3.0vw, 48px); max-width:60%; padding: 2vw 0 1vw 0;}
	#header_container div { max-width:100%; font-size: 1.2vw;}
	#header #main_nyil {position: absolute; right: 0; left:0; margin:auto; bottom:1vw; width: 4vw; opacity: 0.7;transition-duration: 0.5s; z-index:10;  }
	#header #main_nyil:hover { opacity:1.0;transition-duration: 0.5s; }
	
	#menu { width:100%; max-width:1180px; margin:auto;}
	
	#menu h1, .nav h1 { line-height: 4vw; font-size: clamp(12px, 1.6vw, 29px); display:inline; margin:0; text-transform: uppercase; text-align:center; float:left; width:100%; }
	#menu h1 a, .nav h1 a { color:#8e999e!important; padding:0 0.5vw 0 0.5vw; margin:0; white-space: nowrap; display: block; font-weight: 300; font-family: 'Open Sans Condensed', sans-serif; }
	#menu h1 a:hover, .nav h1 a:hover { background-color:#eea30a; color:#fff!important; }
	
	#menuelv { height: 4vw; width:0; border:none; border-left:1px dotted #8e999e;}
	
	
	.scroll_a_tetore{ width:4vw; height:4vw; text-align:center; position:fixed; bottom:10%; right:2vw; display:none; background: url('img/nyiltotop.png') no-repeat; opacity: 0.7; z-index:9000; background-size: cover;}
	.scroll_a_tetore:hover { opacity:1.0;}

	hr { border:none; border-bottom: 0.2vw solid #8e999e; width:10vw;}
	.menualatt	{ border:none; border-bottom: 1px dotted #8e999e; width:100%; padding:0; margin:0 0 1vw 0;}

	#elvalaszto { width:80%;}
	
	#udv1 { width:49%; float:left; margin:0 1% 0 0;}
	#udv2 { width:49%; float:left; margin:0 0 0 1%;}
	
	#index_container { width:90%; max-width:1180px; position:relative; margin: 0vw auto 0vw auto; }
	
	#index_hirek_kep { width:33.33%; background-image:url(/img/index_hirek.jpg); background-size:cover; background-position: right center;}
	#index_hirek_hirek { width: 62.66%; background-color:#aecb06; color:#FFF!important; padding:2%;}
	#index_hirek_hirek h3 a, #index_hirek_hirek h2, #index_hirek_hirek div { color:#FFF;}
	#index_hirek_hirek h3 a { font-weight:700;}
	#index_hirek_hirek h3 a:hover { color:#000;}
	#index_hirek_hirek hr { border-bottom-color:#fff!important; margin: 1vw 90% 1vw 0; width:10%;}
	#index_hirek_hirek .datum { opacity:0.5;}
	#index_hirek_hirek #kiskep { width:20%;}
	
	#index_kozelgo_box { width:24%; padding:0.5%; float:left; margin:0 0 1vw 0;}
	#index_kozelgo_box img { width:100%;}
	#index_kozelgo_box #datum { background-color:#aecb06; color:#fff; padding:1vw; }
	#index_kozelgo_box #cimkeret { width:auto;  overflow:hidden;}
	#index_kozelgo_box h3 { margin:1vw 0 0 1vw;  height:  clamp(30px, 4.0vw, 60px);}
	
	#index_galeria { width:100%;}
	#index_galeria img { width:25%;}
	
	#telepulesi_konyvtar_adatok { width:59%; float:left; margin:0 1% 0 0;}
	#telepulesi_konyvtar_adatok table {border-left: 1px dotted #8e999e; border-right: 1px dotted #8e999e; border-bottom: 1px dotted #8e999e;}
	.konyvarmozilogo { width:5vw;}
	#telepulesi_konyvtar_kepek { width:40%; float:left;}
	#telepulesi_konyvtar_kepek img { width:100%; margin:0 0 0.7vw 0;}
	#telepulesi_konyvtar_adatok_leiras { padding:0 1vw 0 0;}
	#telepulesi_konyvtar_adatok_leiras p { margin:0;}
	#telepulesi_konyvtar_adatok_leiras img { width:100%!important;}
	
	#konyvtarak1 { width:32.33%; float:left; display:inline-block; padding:0 0.5% 0  0.5%;}
	#konyvtarak2 { width:32.33%; float:left; display:inline-block; padding:0 0.5% 0  0.5%}
	#konyvtarak3 { width:32.33%; float:left; display:inline-block; padding:0 0.5% 0  0.5%}
	#box {border:1px solid #e9e9e9; margin:0 0 1vw 0;}
	#box p { margin:0; padding: 0.5vw; background-color:#e9e9e9; font-weight:700;}
	#box div {border-bottom:1px solid #e9e9e9; }
	#box div a { display:block;padding:0.5vw;}
	#box div a:hover { color:#fff; background-color:#eea40a;}
	
	.kapcsimg { width:50%;}
	.kapcs1 { width:40%;}
	
	#hirek_kepkeret { width:33%; padding:0 1vw 0 0;}
	.hirek_kep { width:95%;}
	#lapozas span {padding: 0.5vw 1vw 0.5vw 1vw;border-radius: 0.5vw; color:#FFF; background-color:#eea40a;border:2px solid #eea40a;}
	#lapozas a { padding: 0.5vw 1vw 0.5vw 1vw; border-radius: 0.5vw; color:#FFF!important; background-color:#aecb06; transition-duration: 0.5s; cursor:pointer; border:2px solid #aecb06; width:100%!important; text-transform:uppercase; font-weight:700; line-height:4.5vw;}
	#lapozas a:hover {color:#aecb06!important;; background:none; border:2px solid #aecb06; transition-duration: 0.5s;}
	
	#hir_kepek { width:70%;}
	
	.esemenyek_box_container { display: flex; flex-wrap: wrap; align-items: stretch;}
	#esemenyek_box { width:32.33%; padding:0.5%; margin:0 0 2vw 0; display: flex; flex-wrap: wrap; align-items: stretch;}
	.esemenyek_box_bg {background-color:#aecb06;}
	#esemenyek_box img { width:100%;}
	#esemenyek_box #datum { background-color:#aecb06; color:#fff; padding:5%; width: 90%; text-align: center;}
	#esemenyek_box #cimkeret { width:100%; text-align: center; }
	#esemenyek_box h3 { color: #fff;}
	
	#galeriak { width:100%;}
	#galeriak img { width:25%;}
	#galeria { width:100%;}
	#galeria img { width:20%;}
	
	/*.konyvajanlo_kep { padding: 0.3vw; border: 5px solid #eea40a; margin: 0.5vw;  transition-duration: 0.9s;}*/
	.konyvajanlo_kep {  margin: 0.5vw;  transition-duration: 0.9s;}
	.konyvajanlo_kep img:hover { box-shadow: 0 0 10px 0px #666; transition-duration: 0.4s;}
	
	.konyvajanlo_adatlap_kep { padding: 0.5vw; border: 5px solid #eea40a; margin: 0 1.5vw 0.5vw 0; width: 35%; float: left; }
	.konyvajanlo_adatlap_datum { text-align: right;}
	
	.ajanlo_datum { background-color:#aecb06; color:#fff; padding:5%; float: left; margin: 0 2% 0 0; }
	.ajanlo_leiras p { padding: 0; margin: 0; font-size: clamp(12px, 1.6vw, 25px); font-family: 'Open Sans Condensed', sans-serif; color: #8e999e; font-weight: 300;}
	
    .mapboxgl-popup { font-family: 'Open Sans Condensed', sans-serif; color: #8e999e; font-weight: 300; min-width: 400px; max-width: 800px; font-size: clamp(12px, 1.6vw, 25px); line-height: normal!important; text-align: center;}
	#map { position: absolute; top: 0; bottom: 0; width: 100%; height: 60vh; }
	.map_container {position: relative; height: 60vh;}
	
	/*.kb_container { width: 100%; display: flex; align-items: flex-start; flex-wrap: nowrap;}*/
	.kb_container { width: 100%; }
	/*.kb_2hasab { width: 49%; display: flex; flex-wrap: wrap; align-items: flex-start; }*/
	.kb_2hasab { width: 100%;  display: flex; align-items: flex-start; flex-wrap: wrap;}
	/*.kb_hasabelv {width: 2%; }*/
	.kb_hasabelv {display: none;}
	.kb_2hasab h2, .kb_2hasab h4 {width: 100%; margin: 0 0 5% 0;}
	/*.kb_naptar {width: 54%; margin: 0 1% 0 0;}*/
	.kb_naptar {width: 23%; margin: 0 1% 0 0;}
	.kb_napok {width: 75%;}
	.kb_napok table td {border-bottom: 1px solid #ccc; }
	.kb_napok table tr:hover { background: #eee;}
	.kb_napok_cim { background: #ee9f09;  color: #fff;}
	.kb_napok_ora { white-space: nowrap; width: 1%; font-size: 70%; font-weight: 700;}
	
	.butt1 { padding: 1vw 2.5vw 1vw 2.5vw; border-radius: 0.5vw;  font-size: clamp(12px, 1.0vw, 22px);  color:#FFF; background-color:#eea40a; transition-duration: 0.5s; cursor:pointer; border:2px solid #eea40a; width:100%!important; text-transform:uppercase; font-weight:700; line-height:4.5vw;}
	.butt1:hover {color:#fff; background:none; border:2px solid #fff; transition-duration: 0.5s;}
	
	.butt2 { padding: 1vw 2.5vw 1vw 2.5vw; border-radius: 0.5vw; font-size: clamp(12px, 1.0vw, 22px); color:#FFF; background:none; transition-duration: 0.5s; cursor:pointer; border:2px solid #fff; width:100%!important; text-transform:uppercase; font-weight:700; line-height:4.5vw;}
	.butt2:hover {color:#fff; background-color:#eea40a; border:2px solid #eea40a; transition-duration: 0.5s;}
	
	.butt3 { padding: 1vw 2.5vw 1vw 2.5vw; border-radius: 0.5vw; font-size: clamp(12px, 1.0vw, 22px); color:#FFF!important; background-color:#aecb06; transition-duration: 0.5s; cursor:pointer; border:2px solid #aecb06; width:100%!important; text-transform:uppercase; font-weight:700; line-height:4.5vw;}
	.butt3:hover {color:#aecb06!important;; background:none; border:2px solid #aecb06; transition-duration: 0.5s;}
	
	.footermsbt {width:7vw;}
	#footer { background-color:#c7c7c7; color:#fff; width:100%; font-size: 1.3vw;}
	#footer a { color:#fff; margin: 2vw 1vw 2vw 1vw;}
	#footer a:hover { color:#000;}
	.footerlogo { width:7%;}
	.footerlogok { width:7%;}
	.footersoc { width:2.0%;}
	#footerzold { background-color:#aecb06; color:#fff; width:100%; padding:1vw 0 1vw 0;}

}



/* CSS Document */

* {	outline: none;}

body  {	margin:0;	padding:0;	background-color: #fff; -webkit-tap-highlight-color:transparent; tap-highlight-color:transparent;}
body,td,th {font-family: 'Open Sans Condensed', sans-serif; color: #8e999e; font-weight: 300; }


h1, h1 a {	color:#8e999e;	font-family: 'Slabo 27px', serif; transition-duration: 0.5s; }
h2, h2 a {	color:#8e999e;	font-family: 'Slabo 27px', serif; font-weight: 300;	transition-duration: 0.5s; }
h3, h3 a {	color:#8e999e;	font-weight: 300;	transition-duration: 0.5s; }


a, a img {	text-decoration: none;	color:#eea40a;	font-weight: 300;	outline: none;	padding:0;	transition-duration: 0.9s;}
a:hover, a img:hover {	color: #000;	transition-duration: 0.3s;}
a img:hover { opacity:0.7;}

b, strong { font-weight:700;}

input, textarea, select { color: #6f6d6d; border: 1px solid #979797; background-color: #fff; font-family: 'Open Sans Condensed', sans-serif; font-weight: 300; padding: 0.5vw 1vw 0.5vw 1vw; }

#hidemenu.o {display:block;}
#hidemenu {display:none;}


@-webkit-keyframes zoom {
    0% {transform:scale(1,1);    }
    50% {transform:scale(1.3,1.3);}
	100% {transform:scale(1,1);    }
}


.nav ul {
    *zoom:1;
    list-style:none;
    margin:0;
    padding:0;
}

.nav ul:after {
    clear:both;
}
.nav ul > li {
    position:relative;
}

.nav li ul {
	background:rgba(174,203,6,0.95);
}
.nav li ul li {
    width: 100%; white-space: nowrap;
}
.nav li ul a {
    border:none;
}
.nav li ul a:hover {
   background:rgba(238,164,10,1.0);
}



.nav li ul {
    position:absolute;
    left:0;
    top:4vw;
    z-index:30000;
}
.nav li ul li {
    overflow:hidden;
    line-height:0vw;
	transition-duration: 0.5s!important;
}
.nav ul > li:hover ul li {

	line-height:3.5vw;
}

.nav h2 a {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 1.3vw;
	padding: 0 1.5vw 0 1.5vw;
	font-weight:300;
	text-transform: uppercase;
}
.nav h2, .nav h2 a {
	display:block;
	color:#FFF;
}
.nav h2 a:hover {color:#000;}