html,
body {
        font-family: 'Lato', sans-serif;
        height: 100%;
        padding: 0;
        margin: 0;
}

.yo {
	height: auto;
}

#error-text {
	display: none;
	font-size: 40px;
	font-weight: 300;
	position: absolute;
	top: 45%;
}

#map {
    height: 100%;
    margin: 0;
    padding: 0;
}

.a {
	margin-bottom: 0;
	position: absolute;
	width: 100%;
}

.sidebar {
	width: 0;
	z-index: 100;
	height: 80%;
	position: absolute;
	top:55px;
	background-color:transparent;
	display: none;
	overflow-y: auto;
	transition: 0.4s;
	padding: 0;
}

.sidebar li {
	list-style: none;
	transition: 0.4s;
	display: block; 
	color: #fff;
	transition: box-shadow 0.1s ease;
}

.sidebar-ul {
	padding: 0px;
	margin: 0;
	overflow-y: scroll;
}
.card {
	width: 100%;
	font-size: 32px;
	font-weight: 100; 
	padding: 10px;
	transition: box-shadow 0.1s ease;
}

.sidebar li div:hover {
	box-shadow: 1px 1px 7px #fff;
}

#info-window {
	display: none;
}
#IW-name {
	font-weight: 300;
}

::-webkit-scrollbar {
	width: 5px;
    	height: 10px;
    	padding-top: 40px;
}

::-webkit-scrollbar-track {
    	background-color: transparent;
}
::-webkit-scrollbar-thumb {
    	height: 30px;
    	width: 8px;
    	background-color: #fff;
}

::-webkit-scrollbar-track-piece {
    	height: 30px;
    	width: 30px;
}