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

@font-face { /* Light */
	font-family: majesti;
	font-weight: 100;
	src: url(a.file_managment/media/Majesti-Banner/Majesti-Banner-Light.otf)
}

@font-face { /* Light Italic */
	font-family: majesti;
	font-weight: 100;
	font-style:italic;
	src: url(a.file_managment/media/Majesti-Banner/Majesti-Banner-LightItalic.otf)
}

@font-face { /* Book */
	font-family: majesti;
	font-weight: normal;
	src: url(a.file_managment/media/Majesti-Banner/Majesti-Banner-Book.otf)
}

@font-face { /* Book Italic */
	font-family: majesti;
	font-weight: normal;
	font-style:italic;
	src: url(a.file_managment/media/Majesti-Banner/Majesti-Banner-BookItalic.otf)
}
@font-face { /* Medium */
	font-family: majesti;
	font-weight: 500;
	src: url(a.file_managment/media/Majesti-Banner/Majesti-Banner-Medium.otf)
}
@font-face { /* MediumItalic */
	font-family: majesti;
	font-weight: 500; 
	font-style:italic;
	src: url(a.file_managment/media/Majesti-Banner/Majesti-Banner-MediumItalic.otf)
}
@font-face { /* Bold */
	font-family: majesti;
	font-weight: bold;
	src: url(a.file_managment/media/Majesti-Banner/Majesti-Banner-Bold.otf)
}
@font-face { /* Heavy */
	font-family: majesti;
	font-weight: 800;
	src: url(a.file_managment/media/Majesti-Banner/Majesti-Banner-Heavy.otf)
}

html {
	background-color:#424242;
}

body{
	background-color:424242;
	font-family: 'majesti', Georgia, serif;
	font-weight:100;
}

p {
    border: 1px solid 424242;
    padding-left: 30px;
}


#container {width:100%; margin:auto; background-color:#424242;min-height:800px;padding-top:30px;padding-bottom: 10px;}
#header {width:100%; margin:auto; background-color:#81282A; height:100px;}
#footer {width:100%; margin:auto; background-color:#81282A; height:50px;}
#logo {display:block; margin:auto;}
#section {padding-left:5%; padding-right:5%;}

.bodytext {padding-left:8%; padding-right:8%; margin-top:; text-align:left; color:white; font-family: 
Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	text-shadow: 0 0 6px black;
}

{ /* color overlay for photos */}
.flex-container img:hover {
  -webkit-filter: sepia(1) hue-rotate(300deg) saturate(150%);
  filter: sepia(1) hue-rotate(320deg) saturate(330%);
}

.flex_container {
    display:flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    align-content: flex-start;
    align-items: stretch;
}

.nav {
	display:flex;
	flex-wrap: wrap;
}
.nav a {
		flex-grow:1;
		background: rgb(138, 140, 143);
		color:white;
		text-decoration:none;
		text-align:center;
		padding:15px;
		border:1px solid rgb(65, 57, 61)
		
	}

nav a:hover{
	background-color:rgb(190, 30, 45);
}

@media screen and (max-width:500px){
	.menu a{
		flex-basis:100%;
	}
}
	
}