@import url('https://fonts.googleapis.com/css2?family=Courier+Prime:ital,wght@0,400;0,700;1,400;1,700&display=swap');

BODY {
	margin: 0px;
	background-color: #1c1c1b;
	font-family: "Courier Prime", "Courier New", Courier, monospace;
  color: #c7c6c5;
	}
	
/*---------------------------------------------------------------------------*/	
/* Begin Table Formating Definitions
*/
/*---------------------------------------------------------------------------*/

TABLE  {
	font-family: "Courier Prime", "Courier New", Courier, monospace;
	}
	
TD {
	font-family: "Courier Prime", "Courier New", Courier, monospace;
	}
	
TH {
	font-family: "Courier Prime", "Courier New", Courier, monospace;
	font-weight: bold;
	}
	
/*---------------------------------------------------------------------------*/	
/* Begin List Formating Definitions
*/
/*---------------------------------------------------------------------------*/
	
LI {
	font-family: "Courier Prime", "Courier New", Courier, monospace;
  font-size: 17px;
  padding-right: 10px;
	}
	
UL {
	font-family: "Courier Prime", "Courier New", Courier, monospace;
	}
	
OL {
	font-family: "Courier Prime", "Courier New", Courier, monospace;
	}

.headline.destinationHead {
	color: 6699ff;
	font-weight: bold;
	}
	
.headline.destinationTitle {
	text-transform: uppercase;
	font-weight: bold;
	color: CC99FF;
	}

.jack{
  font-size: 18px !important;
    display: block;
  padding-bottom: 10px; /* Adjust the padding value as needed */
  text-decoration: none !important; /* Remove underline */
  text-align: center !important;
  color: inherit !important; /* Inherit text color from parent */
}


/*---------------------------------------------------------------------------*/	
/* Begin Formating Definitions for HTML elements
*/
/*---------------------------------------------------------------------------*/
P {
	font-family: "Courier Prime", "Courier New", Courier, monospace;
	}
	
H1 {
	font-family: "Courier Prime", "Courier New", Courier, monospace;
	font-weight: bold;
	}
	
FONT {
	font-family: "Courier Prime", "Courier New", Courier, monospace;
	}

SELECT {
	font-family: "Courier Prime", "Courier New", Courier, monospace;
	font-weight: bold;
	}

TEXTAREA {
	font-family: "Courier Prime", "Courier New", Courier, monospace;
	}
a:active {  font-family: "Courier Prime", "Courier New", Courier, monospace;  color: #000000; text-decoration: none}
a:visited {  font-family: "Courier Prime", "Courier New", Courier, monospace;  color: #D94141; text-decoration: none}
a:link {  font-family: "Courier Prime", "Courier New", Courier, monospace;  font-style: normal; text-decoration: none; color: #C23030}
a:hover {  font-family: "Courier Prime", "Courier New", Courier, monospace;  color: #000099; text-decoration: none}

/*---------------------------------------------------------------------------*/
/* Responsive / mobile
*/
/*---------------------------------------------------------------------------*/

img { max-width: 100%; }

/* homepage two-column layout (list + photo) */
.home-wrap {
	display: flex;
	gap: 28px;
	max-width: 820px;
	margin: 0 auto;
	text-align: left;
	align-items: flex-start;
	}
.home-list { flex: 1 1 60%; }
.home-pic { flex: 0 0 40%; text-align: center; }
.home-pic img { width: 100%; height: auto; }
.home-caption { font-size: 14px; padding-top: 14px; text-align: left; }

@media (max-width: 640px) {
	body { padding: 0 16px; }
	/* fixed-width layout tables become fluid */
	table[width] { width: 100% !important; }

	/* stack the homepage and float the photo + caption to the top */
	.home-wrap { flex-direction: column; align-items: center; gap: 18px; }
	.home-pic { order: -1; flex: none; width: 100%; }
	.home-pic img { height: auto; max-width: 70%; }
	.home-caption { text-align: center; max-width: 85%; margin: 0 auto; }
	.home-list { flex: none; width: 100%; }
	}