/* Large screens (default)
================================================== */
		
		/***** Header *****/
		#header {
			height:240px;
			background:url(../banner_big.jpg);
			background-position: 40%;
			background-size: cover;
			background-color:#a7603c;
			font-family:Raleway, sans-serif;
			font-weight:300;
			width:100%;
			font-size:68px;
			line-height:60px;
			color:#fff;
			text-shadow:-4px 4px 5px #111,
						-3px 3px 4px #111,
						-2px 2px 3px #111;
		}
		#header p.subtitle{
			font-size:32px;
			line-height:32px;
			text-shadow:-4px 4px 5px #000,
						-3px 3px 4px #000,
						-2px 2px 3px #000,
						-1px 1px 2px #000;
		}
		#header-logo{
			height:300px;
			margin-left:20%;
			padding-top:60px;
		}

		/***** Menu *****/
		#menu_container{    /*used to wrap around the menu to control menu position*/
			height:60px;
			margin:auto;
			background-color:#eee;
		}
		#menu {
			width:60%;
			margin: auto;
			padding-top: 12px;
		}
		#menu ul {padding:0; margin:0;}
		#menu li {display:inline;}
		#menu a{
			display:block;
			float:left;
			margin-right:32px;
			text-align:left;
			text-decoration:none;
			line-height:30px;
			font-size:24px;
			color:#555555;
			text-shadow:-1px 1px 2px #999;
		}
		#menu a:hover, .active a{
			text-shadow:-1px 1px 2px #999;
			color:#a7603c;
		}
		#menu .active a {
			text-shadow:-1px 1px 2px #999;
			color:#a7603c;
		}
		
		/***** Corpus *****/
		#content{
            width:60%;
            margin:100px auto;
			min-height:calc(100vh - 666px);
            background-color:#fff;
		}
		.cv{
			float:right;
			margin:0px 0px 5px 20px; 
			padding: 5px; 
			width:250px;
			clear:both;
			max-width:100%;
		}
		

		/***** Footer *****/
		#footer {
			clear:both;
			text-align:center;
			height:90px;
			font-size:12px;
			margin:0 auto;
			padding:30px;
			background-color:#eee;
			position:relative;
			bottom: 0;
		}
	
		#bottomlinks {
			margin-top:8px ;
			margin-bottom:18px;
		}
/* medium screens
================================================== */
	@media only screen and (max-width: 1280px) and (min-width: 769px) {

        #content{
            width:80%;
            margin:100px auto;
            background-color:#fff;
			min-height:calc(100vh - 666px);
		}
		#header {
			height:240px;
			background:url(../banner_medium.jpg);
			background-position: 65%;
			background-size: cover;
			background-color:#a7603c;
			width:100%;
			font-size:60px;
			line-height:60px;
			color:#fff;
			text-shadow:-4px 4px 5px #111,
						-3px 3px 4px #111,
						-2px 2px 3px #111;
		}
		#header p.subtitle{
			font-size:26px;
			line-height:32px;
			text-shadow:-4px 4px 5px #000,
						-3px 3px 4px #000,
						-2px 2px 3px #000,
						-1px 1px 2px #000;
		}
		#header-logo{
			width:400px;
			height:240px;
			margin-left:10%;
			padding-top:30px;
		}
		#menu {
			width:90%;
			margin-left: 10%;
			padding-top: 12px;
		}
		#menu a{
			display:block;
			margin-right:32px;
			text-align:left;
			text-decoration:none;
			line-height:30px;
			font-size:24px;
			color:#555555;
			text-shadow:-1px 1px 2px #999;
		}
		ul{
			list-style-type:disc;
			margin: 0px 0 10px 30px;
		}
		.author{
			margin-left: 30px;
			font-size : 13px;
		}
	}

/* smartphone screens
================================================== */
	@media only screen and (max-width: 768px){

        #content{
            width:90%;
            margin:60px auto;
            background-color:#fff;
			min-height:calc(100vh - 586px);
		}
		.cv{
			display:none;
		}
		#header {
			height:240px;
			background:url(../banner_small.jpg);
			background-position: 48%;
			background-size: cover;
			background-color:#a7603c;
			width:100%;
			font-size:50px;
			line-height:56px;
			color:#fff;
			text-shadow:-4px 4px 5px #111,
						-3px 3px 4px #111,
						-2px 2px 3px #111;
		}
		#header p.subtitle{
			font-size:26px;
			line-height:32px;
			text-shadow:-4px 4px 5px #000,
						-3px 3px 4px #000,
						-2px 2px 3px #000,
						-1px 1px 2px #000;
		}
		#header-logo{
			width:200px;
			height:240px;
			margin-left:5%;
			padding-top:20px;
		}
		#menu {
			width:95%;
			margin-left: 5%;
			padding-top: 12px;
		}
		#menu a{
			display:block;
			margin-right:2.5%;
			text-align:left;
			text-decoration:none;
			line-height:35px;
			font-size:16px;
			color:#555555;
			text-shadow:-1px 1px 2px #999;
		}
		ul{
			list-style-type:disc;
			margin: 0px 0 10px 30px;
		}
		.author{
			margin-left: 30px;
			font-size : 13px;
		}
	}