@media only screen and (max-width: 360px) {
	
}

#main_menu li a, .pageTitle, .item_title h2{
	font-family: "Baskervville SC", serif;
	font-weight: 400;
	font-style: normal;
}
.pageTitle{
	font-weight: 500;
}

body{
	margin: 0;
	font-family: Verdana, sans-serif;
	background-color: #e8e8e1;
}
h1{
	font-size: 3em;
}


#head{
	display: flex;
}
#container{
	width:100%;
	
}
#head{
	background-color: #dbdbd5;
	padding: 10px;
	align-items:center;
}
#head div{
	flex-grow: 1;
	text-align: right;
	padding-right:25px;
	align-items:center;
}
.pageTitle{
	text-align: center;
	padding: 20px;
}
@media only screen and (max-width: 360px) {
	.pageTitle{
		padding: 5px;
		font-size: 2em;
	}
}
.add_button{
	margin: 2px;
	width:100px;
}
.delete{
	cursor: pointer;
	margin:10px 0 10px 0;
	color: blue;
}
.dialog{
	display:none;
	background-color: white;
	padding: 10px;
	width: 400px;
	position: absolute;
	top: 400px;
	left: 50%;
	transform: translate(-50%, -50%);
	border: solid 1px grey;
	z-index: 10000;
}
.dialog input, .dialog textarea{
	width: 350px;
	margin:20px;
	border: solid 1px grey;
}
@media only screen and (max-width: 360px) {
	.dialog{
		width: 300px;
	}
	.dialog input, .dialog textarea{
		width: 250px;
	}
}
#new_image_title{
	font-size: 2em;
}

#logo_image{
	width:200px;
}
@media only screen and (max-width: 360px) {
	#logo_image{
		width:100px;
	}
}
.breadcrumb a{
	text-decoration: none;
	font-size: .8em;
	color: grey;
}
.breadcrumb{
	text-align: right;
	padding: 10px;
}
#breadcrumb_image{
	width: 25px;
}
#main_menu li{
	display: inline;
	font-size: 1.2em;
	margin: 10px;
	font-weight: bold;
	list-style: none;
}
#main_menu li a{
	text-decoration: none;
	color: black;

}
@media only screen and (max-width: 360px) {
	#main_menu li{
		display: block;
		margin: 2px 0 2px 0;
		font-size:.9em;
		text-align: right;
	}
}
#media_list, #category_list, .pageTitle, .breadcrumb, #intro{
	max-width: 900px;
	margin: 0 auto;
}

#footer{
	text-align: center;
	margin: 20px;
}

#intro{
	margin-top: 20px;
	text-align: center;
	font-weight: bold;
	font-family: "Tangerine", cursive;
	font-weight: 400;
	font-style: normal;
	font-size: 2em;
}

.video_container{
	position: relative;
	width: 100%;
	padding-bottom: 56.25%; 
	height: 0;
}
.video_container iframe{
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
}

.image_caption, .category_item_caption_txt{
	
  font-family: "EB Garamond", serif;
  font-optical-sizing: auto;
  font-weight: normal;
  font-style: normal;
}
.footer_diana{
	font-size: .7em;
	
}