.leaflet-infoWindow-container {
    height: 100%;
    width: 100%;

    position: absolute;
    z-index: 1000;
    display: none;

    cursor: auto;
    font-weight: normal;
    /* font-size: medium; */
    /* font-family: serif; */
}
/* .leaflet-infoWindow-container ul, li { margin: 0; padding: 0; display: inline} */

.leaflet-infoWindow-container ul {
    font-size: 0;
}
.leaflet-infoWindow-container ul li {
    display: inline;
    font-size: 12px;
}

.leaflet /* for some weird reason this is the only way that the infobutton ends up in a properly sized container */

.leaflet-info-button {
    display:block;
    width:60px !important;
    height:60px !important;
    position:absolute;
    /*right:2px;*/
    padding: 1px 2px 2px 2px;  /*top right bottom left*/
    /* margin:60px 60px 60px 60px; */
}
.leaflet-infoWindow-container .leaflet-infoWindow-black {
	position:fixed;
	height: 100%;
	width: 100%;
	background-color: rgba(0,0,0,0.8);
	opacity: 0;
}
.leaflet-infoWindow {
	position: relative;
	height: 80%;
	left: 20%;
	top:10%;
	width: 60%;
	background-color: white;
	border-radius:30px;
}
@media screen and (max-width: 720px) {
  	.leaflet-infoWindow {
		left: 10%;
		top:10%;
		width: 80%;
	}
}
.leaflet-infoWindow .leaflet-title {
	height:15%;
	max-height: 100px;
	padding:0% 10%;
	overflow: hidden;
	text-align: center;
}
.leaflet-infoWindow .leaflet-title * {
	margin-top: 25px;
}


.leaflet-infoWindow .leaflet-content{
	height:80%;
	overflow-x: hidden;
	overflow-y: scroll;
  	border-top:1px solid #d0d0d0;
  	border-bottom:1px solid #d0d0d0;
  	padding:0% 7% 0 5%;
}

@-webkit-keyframes showInfo {
    from {top: -100%;}
    to {top: 10%;}
}
@keyframes showInfo {
    from {top: -100%;}
    to {top: 10%;}
}

@-webkit-keyframes hideInfo {
    from {top: 10%;}
    to {top: -100%;}
}
@keyframes hideInfo {
    from {top: 10%;}
    to {top: -100%;}
}

@-webkit-keyframes showInfoContainer {
    from {opacity: 0;}
    to {opacity: 1;}
}
@keyframes showInfoContainer {
    from {opacity: 0;}
    to {opacity: 1;}
}


@-webkit-keyframes hideInfoContainer {
    from {opacity: 1;}
    to {opacity: 0;}
}
@keyframes hideInfoContainer {
    from {opacity: 1;}
    to {opacity: 0;}
}
