@charset "UTF-8";
/* CSS Document */

* {
	font-family: Lyon-Text, Georgia, ui-serif, serif;
	webkit-font-smoothing: auto;
	
}

/* modal window style */
.modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  justify-content: center;
  align-items: center;
}

/* show modal windows when opening anchor */
.modal:target {
  display: flex;
}

/* original image */
.modal img {
  max-width: 90%;
  max-height: 90%;
}


strong, #bold {
    font-weight: bold;
	font-family: Lyon-Text, Georgia, ui-serif, serif;
}

h1 {
	font-family: Lyon-Text, Georgia, ui-serif, serif;
	font-size: 40px;
	line-height: 1.2;
	font-weight: 700;
	text-rendering: optimizespeed;
	margin-left: 10%;
  margin-right: 10%;
}

.general_text {
	font-family:Lyon-Text, Georgia, ui-serif, serif;
	font-size: 17px;
	padding: 3px 2px;
	line-height: 1.6;
    margin-left: 10%;
    margin-right: 10%;
}

.tables {
	width: 100%;
	border: 0;
	
}


.table_90 {
	width: 90%;
	border: 0;
	height: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
}


.border {
	border: 0.5px solid grey;
	margin-left: 10%; 
	margin-right: 10%;
}

.header_pic {
	width:100%;
	height:100%;
	
}

.mainbox {
  margin-left: 20%; 
  margin-right: 20%;
  margin-top: -80px;
}

.year {
	color: dimgrey;
	font-size: 26px;
	font-weight: 600;	
	    margin-left: 10%;
    margin-right: 10%;
}

.flags {
	height: 23px;
	width: auto;
	margin-bottom: -5px;
}





a {
	color: rgb(55, 53, 47);
	font-size: 16px;
	line-height: 1.3;
	border-bottom-color: rgba(55, 53, 47, 0.16);
	border-bottom-width: 1px;
	border-bottom-style: solid;
	font-weight:500;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	text-decoration: none;
	transition: background 20ms ease-in;

	align-items: center;
		
}



a:hover {
	background:rgba(55, 53, 47, 0.08);
	color: rgb(55, 53, 47);
	font-size: 16px;
	line-height: 1.3;
	border-bottom-color: rgba(55, 53, 47, 0.16);
	border-bottom-width: 1px;
	border-bottom-style: solid;
	font-weight:500;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	text-decoration: none;
	transition: background 20ms ease-in;

	align-items: center;
	
}

a:visited {
	color: rgb(55, 47, 55);
	border-bottom-color: rgba(55, 47, 55, 0.16);
	text-decoration: none;
	
	
	font-size: 16px;
	line-height: 1.3;
	
	border-bottom-width: 1px;
	border-bottom-style: solid;
	font-weight:500;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;

	transition: background 20ms ease-in;

	align-items: center;
}

.place {
	padding: 6px 0px;
	font-family: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, "Apple Color Emoji", Arial, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol";
	margin-left: 10%;
    margin-right: 10%;
	
}

.place1 {
	padding: 6px 0px;
	font-family: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, "Apple Color Emoji", Arial, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol";
}

.pictures {
  width: 80%;
  height: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
}


.videos {
  width: 55%;
  height: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
}


.flags_new_country_header
{
	width: 1.5%;
	height: auto;
	top: 4px;
	position: relative;
	
}

.flags_new_country_header_train
{
	width: 1.5%;
	height: auto;
}

.inner_flag {
  position: relative;
  top: -65px;
  width: 8%;
  height: auto;
  margin-left: 25%; 
  margin-right: 25%;
}

mark.powderblue { 
  background-color: rgba(231, 243, 248, 1);
  color: black;
}



@media only screen and (max-width: 960px) {
		.mainbox {
 		 margin-left: 0%;
	  	 margin-right: 0%;
		 }
	
		.header_pic {
		 object-position: center 71.34%;
		 }
	
		.inner_flag {
  		 position: relative;
 		 top: -45px;
 		 width: 15%;
 		 height: auto;
 		 margin-left: 3px; 
		 margin-right: 0%;
		 }
	
		.flags_new_country_header {
		 width: 3%;
		 height: auto;
		 top: 4px;
		 position: relative;
		 }

		.flags_new_country_header_train {
	 	 width: 3%;
		 height: auto;
		 }	
		.general_text {
		 margin-left: 0;
    	 margin-right: 0;
		 }
	    .pictures {
		 margin-left: 0;
  		 margin-right: 0;
		 }
		.hed1 {
		 margin-left: 0;
  		 margin-right: 0;
		 }
		.border {
		 margin-left: 0; 
		 margin-right: 0;
	}
		 .place {
	     margin-left: 0%;
    	 margin-right: 0%;
	}
}


.site-footer {
  text-align: center;
  padding: 20px;
  font-size: 14px;
  color: #aaa;
  background-color: #1e1e1e;
  margin-top: 40px;
}

.footer-divider {
  border: none;
  border-top: 1px solid #444;
  margin: 20px auto;
  width: 80%;
}

.site-footer a.footer-link {
  color: #ccc;
  text-decoration: none;
  border-bottom: 1px solid #555;
  transition: color 0.2s ease;
}

.site-footer a.footer-link:hover {
  color: #fff;
  border-bottom-color: #888;
}

@media only screen and (max-width: 600px) {
  .site-footer {
    font-size: 13px;
    padding: 15px;
  }
}