@import url('https://fonts.googleapis.com/css?family=Belleza');
@import url('https://fonts.googleapis.com/css?family=Roboto');

header {width: 100%; background-color: #aec0be; color: #fff; display: inline-flex; align-items: center; z-index: 9999; }
h4 {margin: 0 auto;}
body{margin-top:5rem;}
#wrapper {position: relative; width: 100%; height: 90%;}
.logo img {height: 60px; padding: 15px 15px 5px;}
.title h1 {font-size: 2rem; font-family: 'Belleza', sans-serif;margin-left: 1rem; padding-right: 15px;}
.pushy-menu-btn{display: none; font-size: 2rem;}
.navigation {position: absolute; right: 1rem;}
.navigation ul {padding-left: 15px;}
.navigation ul li {list-style-type: none; display: inline-block; padding-right: 1rem;}
.navigation ul li a {font-family:'Roboto', sans-serif; color: #fff; text-decoration: none;}
.navigation ul li a:hover {text-decoration: underline;}
.leaflet-control-geocoder input[type="text"] {border-width: 1px; border-color: #999; margin-right: 2px;}
.leaflet-control-geocoder input[type="submit"]{border-width: 1px; border-color: #999; margin-left: 2px;}
.leaflet-control-layers-base {width: fit-content; margin-right: 0;}
.leaflet-popup {width: auto;}
.leaflet-popup-content table tbody tr td img {width: 250px;}
.leaflet-popup-content, .leaflet-popup-content-wrapper {width: fit-content !important; min-width: 250px;}


@media screen and (max-width: 1130px) {
	.navigation ul li a {font-size: 15px;}
	.title h1 {font-size: 1.75rem;}
}

@media screen and (max-width: 1023px) {
	.navigation ul {display: none;}
	.pushy-menu-btn{display: block;}
	.pushy {width: fit-content; }
	.pushy ul {padding-left: 0;}
	.pushy li {list-style-type: none; font-family:'Roboto', sans-serif;}

}

@media screen and (max-width: 767px) {
	.title h1 {font-size: 1.25rem;}
	.logo img {height: 50px;}
}

@media screen and (max-width: 640px) {
	.leaflet-right {display: block;}
	.leaflet-right .leaflet-control {float: right;}
	.logo img {height: 40px; padding: 5px 5px 5px;}
	.title {margin-right: 2rem;}

}
@media screen and (max-width: 480px) {
	.title h1 {font-size: 1.2rem;
}