/* ethiopic */
@font-face {
font-family: 'NotoSerifEthiopic';
src: url('./fonts/NotoSerifEthiopic-VariableFont_wdth,wght.ttf');
font-weight: normal; /*src: url('http://www.snitna.com/fonts/GeezMahtemStandard.ttf');*/
font-style: normal;
}

/* GeezMahtemStandard */
@font-face {
font-family: 'GeezMahtemStandard';
src: url('./fonts/GeezMahtemStandard.ttf');
font-weight: normal; /*src: url('http://www.snitna.com/fonts/GeezMahtemStandard.ttf');*/
font-style: normal;
}


* {
   font-family: 'Noto Serif Ethiopicserif', serif, sans-serif, GeezMahtemStandard, verdana, nyala;
}

body{
	margin: 0;
	padding: 0;
	background-color: white; /* light gray option:  rgb(240,240,240); */
	/*font-family: 'GeezMahtemStandard', sans-serif, verdana, nyala; */
	font-size: 16px;
}

header{
	background: #A8E8FF; 
	/*background was #00795f;*/
	width: 100%;
	padding: 0px 0; /* left and right. padding was 40% 0;*/
	color: white;
	text-align: center;
}
a   {
	text-decoration: none;
	color: #0080FF;  /* was inherit;*/
}
nav ul{
	background-color: #A8E8FF; /* was #00728E;NEW #43a286;OLD*/
	overflow: hidden;
	color: white;
	padding: 0;
	text-align: center;
	margin: 0;
	-webkit-transition: max-height 0.4s;
	-ms-transition: max-height 0.4s;
	-moz-transition: max-height 0.4s;
	-o-transition: max-height 0.4s;
	-dolphin-transition: max-height 0.4s;
	-silk-transition: max-height 0.4s;
	transition: max-height 0.4s;
}
nav ul li{
	display: inline-block;
	padding: 10px; /* was 20px; */
}
nav ul li:hover{
	background-color: #BDE9FF;  /*was #00AAD4;NEW #399077;OLD */
}
section{
	line-height: 1.5em;
	font-size: 1.0em; /* was 0.9em*/
	padding: 10px;
	width: 90%;
	margin: 0 auto;
	text-align: justify; /*my added new feature*/
}
.handle{
	width: 100%;
	background: #00728E; /* was #005c48; */
	text-align: left;
	box-sizing: border-box;
	padding: 15px 10px;
	cursor: pointer; /* adds a hand sign to cursur */
	color: white; /* menu text color */
	display: none; /* hides "Menu"  tab when on widescreen device */
}
@media screen and (max-width: 1040px){ /*was 580*/
	nav ul{
		max-height: 0; /* hides the un ordered horizontal list, when on a mobile device*/
	}
	.showing{
		max-height: 40em; /* shows the un ordered list when on a mobile device*/
	}
	nav ul li{
		box-sizing: border-box;
		width: 100%;
		padding: 5px; /* was 15px; */
		text-align: left;
	}
	.handle{
		display: block;
	}
}

/*my coding here below */
			
			.links_footer{
				color: #000000;
				font-weight: normal;
				font-size: 1.0em;
				text-decoration: none;
			}
			
			a:hover {	
			    color: #FF0000;				
				text-decoration:none;
			}

			h1 {
			  margin-top: 20px;
			  margin-bottom: 20px;
			  color: #383a3d;
			  font-weight: 600;
			  font-family: 'Montserrat', sans-serif;
			  letter-spacing: 3px;
			  line-height: 40px;
			  /*letter-spacing: normal|length|initial|inherit;*/
			}

			h2 {
			  margin-top: 20px;
			  margin-bottom: 20px;
			  color: #383a3d;
			  font-weight: 500;
			  font-family: 'Montserrat', sans-serif;
			  letter-spacing: 2px;
			}

			h3 {
			  margin-top: 20px;
			  margin-bottom: 20px;
			  color: #000000;
			  font-weight: 400;
			  font-family: 'Montserrat', sans-serif;
			  letter-spacing: 1px;
			}

			h4 {
			  margin-top: 20px;
			  margin-bottom: 20px;
			  color: #000000;
			  font-weight: 300;
			  font-family: 'Montserrat', sans-serif;
			}

			h5 {
			  margin-top: 20px;
			  margin-bottom: 20px;
			  color: #000000;
			  font-weight: 200;
			  font-family: 'Montserrat', sans-serif;
			}

			h6 {
			  color: #18191a;
			  font-style: italic;
			  font-size: 30px;
			  font-family: Georgia, Times, 'Times New Roman', serif;
			}
						
			/* Responsive video embed code start*/
			.video-container {
				position:relative;
				padding-bottom:50.25%;
				padding-top:30px;
				height:0;
				overflow:hidden;
			}

			.video-container iframe, .video-container object, .video-container embed {
				position:absolute;
				top:0;
				left:0;
				width:100%;
				height:90%;
			}			
			/* Responsive video embed code END*/