body{
	background-color: darkgrey;
}
.nav{
	margin-top: 20px;
	height: 40px;
	background: gray;
	min-width: 50px;
	max-width: 300px;
	position: relative;
	left: 20px;
}
.nav ul{
	margin: 0;
	padding: 0;
}
.nav ul li{
	list-style: none;
}
.nav ul li a{
	text-decoration: none;
	float: left;
	display: block;
	padding: 10px 20px;
	color: black;
}
.nav ul li a:hover{
	color: white;
}

#calendar-container{
	padding: 10px;
	width: 210px;
	height: 210px;
	text-align: center;
	border: 1px solid #eee;
	border-radius: 10px;
	font-size: 16px;
	font-family: Arial;
	background-image: linear-gradient(#fff, #d3d3d3);
}

#calendar-container>div{
	padding: 0;
	margin-bottom: 10px;
}
#calendar-month-year{
	margin: 5px;
}
#calendar-dates>table>>tr>td{
	padding: 5px;
}


.Info{
	padding: 10px;
	width: 80%;
	border: 5px solid darkgrey;
	background: lightgrey;
	
	position: static;
	top: 2000px;
	left: 50px;

}

.map{
	position: absolute;
	top: 300px;
	left: 210px;
}

.Member{
	padding: 10px;
	width: 30%;
	border: 5px solid darkgrey;
	background: lightgrey;
	
	position: static;
	top: 200px;
	left: 550px;
}

.Artist{
	padding: 10px;
	width: 80%;
	
	background: lightgrey;
	border: 5px solid darkgrey;
	position: static;
	top: 150px;
	left: 50px;
}

.Books{
	padding: 10px;
	width: 80%;
	
	background: lightgrey;
	border: 5px solid darkgrey;
	position: static;
	top: 150px;
	right: 100px;
}

.monument_tours{
	background: lightgrey;
	max-width: 180px;
}
.Centennial_Memorial{
	background: lightgrey;
	max-width: 1000px;
}

.centennial_memorial{
	max-width: 50%;
}

.Soghomon_Monument{
	background: lightgrey;
}

.soghomon_monument{
	max-width: 50%;
}
.Statue_Sassoun{
	background: lightgrey;
}
.statue_sassoun{
	max-width: 50%;
}

.church_tours{
	background: lightgrey;
	max-width: 150px;
}

.Self_Tour{
	background: lightgrey;
}

.Mother_Church{
	background: lightgrey;
}

.mother_church{
	max-width: 50%;
}

.Pilgrim_Church{
	background: lightgrey;
}

.pilgrim_church{
	max-width: 50%;
}

.Saint_Gregory{
	background: lightgrey;
}

.saint_gregory{
	max-width: 50%;
}

.Presbyterian_Church{
background: lightgrey;
}

.presbyterian_church{
max-width: 50%;
}

.Saint_Paul_Armenian{
	background: lightgrey;
}

.saint_paul_armenian{
	max-width: 50%;
}

@media screen and (min-width:900px){
	
	.Member{
		position: absolute;
		left: 750px;
		top: 166px;
		max-width: 40%;

	}

	.Info{
		max-width: 710px;
	}

	.church_tours{
	background: lightgrey;
	max-width: 150px;
	position: absolute;
	left: 750px;
	top: 285px;
	
}

.monument_tours{
	background: lightgrey;
	max-width: 180px;
	position: absolute;
}


.Self_Tour{
	background: lightgrey;

	}

.Mother_Church{
	background: lightgrey;
	position: absolute;
	max-width: 50%;
	
	top: 335px;
	left: 750px;
}

.mother_church{
	max-width: 50%;
}

.Pilgrim_Church{
	background: lightgrey;
}

.pilgrim_church{
	max-width: 50%;
}

.Saint_Gregory{
	background: lightgrey;
}

.saint_gregory{
	max-width: 50%;
}

.Presbyterian_Church{
background: lightgrey;
}

.presbyterian_church{
max-width: 50%;
}

.Saint_Paul_Armenian{
	background: lightgrey;
}

.saint_paul_armenian{
	max-width: 50%;
}



.Centennial_Memorial{
	background: lightgrey;
	max-width: 700px;
	position: absolute;
	top: 335px;
}

.centennial_memorial{
	max-width: 50%;
}

.Soghomon_Monument{
	background: lightgrey;
}

.soghomon_monument{
	max-width: 50%;
}
.Statue_Sassoun{
	background: lightgrey;
}
.statue_sassoun{
	max-width: 50%;
}
}