* {
	margin: 0;
	padding: 0;
  }

html,
body, 
p,
.h1 {
	font-family: Arial W05 Narrow5310067, san-serif;
	font-size: 24px;
	font-style: normal;
	line-height: 1.1;
	background-color: #00ff00;
}

.container {
	margin: 0px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	/* flex-direction: row;
	-webkit-flex-direction: row; */
	overflow-x: hidden !important;
	overflow-y: hidden !important;
	width: 100vw;
	height: 100vh;
	/* avoid browser level touch actions */
	xtouch-action: none; 
}

.left {
	border-right: 1px solid black;
	padding: 10px 10px 10px 10px;
}

.left,
.right {
	width: 50vw;
	overflow-y: scroll; 
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
	height: 100vh;
}

.row {
	width: auto;
	height: auto;
	border-bottom: 1px solid black;
	padding: 10px 10px 10px 10px;
	/* border-right: 1px solid black; */
  
	/* display: grid;
	grid-template-columns: 36px auto; */
}

/* .current {
	background-color: white;
} */


/* .circle-container {
	width: 30px;
	position: relative;
}

.circle {
    width: 19px;
    height: 19px;
	margin-top: 1px;
	border-radius: 100px;
	background-color: black;
	position: absolute;
} */

.bullet {
	max-width:20px;
}

.ty {
	margin-top: 14px;
	font-size: 14px;
}

.caption {
	font-size: 14px;
}

.header {
	background-color: black;
	color: white;
}

.country {
	background-color: #00ff00;
	color: white;
}

a {
	color: black;
	text-decoration-thickness: 2px;
	/* border-bottom: 5px solid red; */
}

a:hover {
	color: white;
}

img {
	width: 100%;
}

img.main {
	/* width: 50%;
	margin: 0 25% 80px 25%; */
	filter: drop-shadow(0px 0px 10px #bbbbbb)
}

.highlight {
	background-color: white;
	color: black;
	text-decoration: none;
}

a.highlight:hover {
	color: #00ff00;
}

.footer {
	position: fixed;
	bottom: 12px;
	z-index: 10;
}

.footer-left {
	left: 10px;
}

.footer-right {
	right: 10px;
}

/* Mobile
-------------------------------------------------- */

@media screen and (max-width: 650px) {
	/* img.main {
		width: 100%;
		margin: 0 0 80px 0;
  	}  */
	html,
	body, 
	p,
	.h1 {
		font-size: 14px;
	}
	.bullet {
		margin-top: 2px;
		max-width:12px;
	}
	
}
  