.leaflet-sidebar {
	height: auto;
	max-height: 100%;
	overflow-y: auto;
	}

.leaflet-sidebar > .leaflet-control {
	background-color: #000;
	color: #FFF;
	padding-top: 15pt;
	}

.port-details h1 {
	text-align: center;
	}

.port-details .img {
	text-align: center;
	}

.port-details table {
	width: 220px;
	border-collapse: collapse;
	margin: 20px auto;
	}

.port-details table td {
	border-bottom: 1px solid #000;
	}

.port-details:not(.vague) hr,
.port-details.vague table {
	display: none;
	}

.port-details.vague hr {
	display: block;
	width: 220px;
	font-size: 2em;
	}

.port-details p {
	text-align: justify;
	}

/* fix controls position */

@media (min-width: 768px) and (max-width: 991px) {
	.leaflet-sidebar.left.visible ~ .leaflet-left { left: 0; }
	}
@media (min-width: 992px) and (max-width: 1199px) {
	.leaflet-sidebar.left.visible ~ .leaflet-left { left: 0; }
	}
@media (min-width: 1200px) {
	.leaflet-sidebar.left.visible ~ .leaflet-left { left: 0; }
	}