@media only screen and (max-width: 800px) {
	.desktop {
		display: none;
	}

	#projects {
				
		&.with-feed, &.with-settings {
			#submap {
				width: 100%;
			}
		
			.leaflet-right, .leaflet-left {
				width: calc(100% - 44px - 2 * #{$block-spacing});
			}
		
			.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(100% - 44px - 2 * #{$block-spacing});
		}
	}
}

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