* {box-sizing: border-box;}
		body {
			background-color: black; 
			color: white; 
			font-size: calc(0.8rem + 0.3vw);
		}
		li {margin: 0.5em 0;}
		a:link {color: red;}
		a:visited {color: #FF6565;} 
		a:hover {text-shadow: 2px 2px 2px #aaa;}
		.WideScreenDestinations {
			display: flex;
			height: 95vh; 
			width: auto;
			justify-content: space-evenly;			/* all content has equal space around them in container */
			align-items: center; 					/* aligns content to the vertical center of the container */
			margin: auto;							/* centers container in viewport */
			/* border: 2px solid yellow; */
		} 
		
		/* list the destinations in two columns below the map on narrow devices */
		.NarrowScreenDestinations {
			display: flex; 
			justify-content: space-evenly;			/* all content has equal space around them in container */
			align-items: top;						/* aligns content to the vertical top of the container */
			margin: auto;							/* centers container in viewport */								
			/* border: 2px solid green; */
		}
		

		/*** responsive ***/		
		@media only screen and (max-width: 768px){
			.WideScreenDestinations {display: none;}
			img {
				width: 100%; 
				height: auto;
				/* border: 2px solid yellow; */
			}
			/* figure {border: 2px solid red;} */
			/* ol {border: 2px solid white;} */
		}
						
		@media only screen and (min-width: 769px) {
			.Narrow {display: none;}
			img {
				height:90vh; 
				width: auto;
				/* border: 2px solid red; */
			}
			/* figure {border: 4px solid green;} */
			/* ol {border: 2px solid white;} */
		}