@media only screen and (max-width: 800px) {

	$panel-width: "100% - 44px - 2 * #{$block-spacing}";

	.desktop {
		display: none;
	}

	#projects {
				
		&.with-feed, &.with-settings {
			#submap {
				width: 100%;
			}
		
			.leaflet-right, .leaflet-left {
				width: calc(#{$panel-width});
			}
		
			.leaflet-control-container .leaflet-bottom.leaflet-right {
				display: none;
			}
		}
	
		.leaflet-control-container {
			.leaflet-bottom.leaflet-left,
			.leaflet-bottom.leaflet-right .leaflet-control.elevation {
				display: none;
			}
		}
	
		#feed, #settings {
			width: calc(#{$panel-width});
		}

		#feed {
			right: calc((#{$panel-width}) * -1);
		}

		#settings {
			left: calc((#{$panel-width}) * -1);
		}
	}
}

@media only screen and (min-width: 801px) {
	.mobile {
		display: none;
	}
}