/* Format body, links, headers*/

	body {
		margin:0;
		font-family: Raleway;
		font-weight: 300;
		font-size:24px;
		background-size: cover; 
		background-attachment: fixed;
	}


		h1 {
			font-family: 'Raleway', sans-serif;
			font-weight: 400;
			font-size:50px;
			text-align: center;
		}
	
	
		h2{
			font-weight:300;
		}


		a:link {
			text-decoration: none;
			color:#f3f2ea; 
		}

		a:visited {
			text-decoration: none;
			color:#cbcac3;
		}

		a:hover {
			text-decoration: underline;
			color:#fffff1;
		}

		a:active {
			text-decoration: underline;
			color:#aaa9b0;
		}
		
/* Format navigation bar */		

	.navbar {
		overflow: hidden;
		background-color: #c34f00;
		position: fixed;
		top: 0;
		width: 100%;
	}
			.navbar a {
			float: left;
			display: block;
			color: #fdfffc; 
			text-align: center;
			padding: 14px 16px;
			text-decoration: none;
			font-size: 17px;
		}	

		.navbar a:hover {
			background-color: #d17637;
			color: #000000;
			font-weight:bold;
		}

		.navbar-right{
			float:right;
		}

/* Format logo*/

	.logo {
		width: 100px;
		height:100px;
		line-height:100px;
		text-align:center:
		float:center;
		color:#cbcac3;
		margin: 0 auto;
	}

		.logo img {
			width: 75px;
			margin: auto;
			display: block;
		}

/* Format main content container */

	.main-content {
	background-color: rgba(0, 0, 0, .7);
	width: 60%;
	float:center;
	color:#f0efe7;
	padding:25px;
	margin: 0 auto;
	}
	
		.main-content img {
			width: 400px;
			margin: auto;
			display: block; 	
		}

/* Format custom header */

.header-text {  
	width: 600px;
	height: 60px;
	line-height:60px;
	text-align: center;
	color:#f0efe7;  
	margin: 0 auto;
	}

/* Format quick-jump menu */

 .menu {
    display: grid;
    grid-template-columns: auto auto auto;
    grid-row-gap: 10px;
    grid-column-gap: 20px;
	background: rgba(28, 28, 29, 0.75);
	padding: 15px;            
    }
 
        .menu>div {
           color:#f0efe7;  
            text-align: center;
            padding: 15px;
            font-size: 22px;			
        }

/* Format content description and images */


	.desc{	
		margin:0:auto;
		width:100%;			
	}

		.desc img{
			width:400px;
			height:auto;
			float:right;
			padding-left:10px;	
		}

	.desc-smol {
		margin:0 auto;
		width="100%;
	}

		.desc-smol img{
			width:100px;
			height:auto;
			float:right;
			padding-left:10px;	
		}

/* Format lists */

	ul.a {
		margin-bottom:15px;
		list-style-type: circle;
		overflow:hidden;
		display: inline-block;
		padding-right:15px;	
	}

/* Format horizontal rule */

	hr {
        width: 100%;
        height: 10px;
        margin-left: auto;
        margin-right: auto;
        border:none;
    }

/* Format top-of-page target link */

	.top {
		float:right; 
		font-size:22px;
	}
	
/*Format copyright/credits */

	.credit {
		text-align:center; 
		color:#f0efe7;	
	}