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



@media (orientation: landscape) {
	header img{
			width:100vw;
			height:100vh;
		}	
}

@media (orientation: portrait) {
	header img{
			height:100vh;	
		}	
}

/*--------------------------------------------MEDIA MIN NONE ----------------------------------------------------*/
/*------------------------------------------- CELLPHONE ----------------------------------------------*/

		.Title{
			font-family: Main;
			font-size: 160pt;
			padding-bottom:200px;
			padding-top:50%;
			text-align:center;
			font-weight:100; 
			opacity:.95;
			color:#fdebd9;
			line-height: 150pt;
		}
		
	.byline{
			position:relative; 
			left:-25%; 
			top:-30%; 
			color:#fdebd9; 
			padding-top:0px; 
			font-family:Secondary; 
			font-size:36px; 
			font-weight:100; 
			opacity:.85;
		}


	/*NAV*/
		nav{

			font-family: Main;
			font-size: 30pt;
			position: fixed;
			color:blue;
			z-index: 5;
			padding:15px;
			opacity:0.5;
		}

		nav a{
			font-family: Main;
			font-size: 30pt;
			color:blue;
			text-decoration:none;
			}
		nav a:hover{
			text-decoration:underline;

			}
		nav visited{
			font-family: Main;
			font-size: 30pt;
			color:blue;
			text-decoration:none;
			}	


		

		/*Child Container*/

		section{		
			width:90%;
			margin: 0 auto;
			opacity: 0.9;
			padding-bottom: 500px;
			padding-top: 200px;

			}

		.date{
			font-family: CMU;
			font-size: 36pt;
			padding-bottom:5px;
			padding-top:5px;
			text-align:center;
			color:#000000;
		}

		section p{
			font-family: Secondary;
			font-size: 36pt;
			line-height:60px;
			padding-left: 50px;
			padding-right: 50px;
			padding-top: 50px;
			padding-bottom: 50px;
			color:black;

		}

		section h1{
			font-family: Main;
			font-size: 96pt;
			padding-bottom:200px;
			padding-top:200px;
			text-align:center;
			color:#000000;

		}

		section h2{
			font-family: Secondary;
			font-size: 36pt;
			font-weight:100;
			text-align:left;
			line-height:60px;
			column-count:1;
			padding-left: 50px;
			padding-right: 50px;
			color:#000000;
		}
		section h2::first-letter{
			font-size: 72pt;

		}

		figure{
			padding-top:100px;
			padding-bottom:100px;
		}
		figcaption{
			font-family: CMU;
			font-size: 14pt;
			color:Periwinkle;
			padding-left: 0px;
			padding-top: 25px;
			padding-bottom: 25px;
		}

		aside{
			padding-top: 0px;
			padding-left: 20px;
			padding-right: 20px;
			padding-bottom: 70px;
			font-family:Secondary;
			font-size: 36px;
			clear:both;
			width:400px;
			display:block;
			float: left;	
			/*color:lightcoral;*/
			line-height:48px;
		}

		


/*--------------------------------------------MEDIA MIN 1000 ----------------------------------------------------*/
/*----------------------------------------------  Laptop  ------------------------------------------------------*/
@media (min-width: 1000px) {

	.Title{
			font-family: Main;
			font-size: 120pt;
			padding-bottom:200px;
			padding-top:12%;
			text-align:center;
			font-weight:100; 
			opacity:.95;
			color:#fdebd9;
			line-height: 100pt;
		}
		
	.byline{
			position:relative; 
			left:-25%; 
			top:-30%; 
			color:#fdebd9; 
			padding-top:0px; 
			font-family:Secondary; 
			font-size:24px; 
			font-weight:100; 
			opacity:.85;
		}
		/*NAV*/
		nav{

			font-family: Main;
			font-size: 14pt;
			position: fixed;
			color:blue;
			z-index: 5;
			padding:15px;
			opacity:0.5;
		}

		nav a{
			font-family: Main;
			font-size: 14pt;
			color:blue;
			text-decoration:none;
			}
		nav a:hover{
			text-decoration:underline;

			}
		nav visited{
			font-family: Main;
			font-size: 14pt;
			color:blue;
			text-decoration:none;
			}	

		/*Child Container*/
		section{		
			width:85%;
			margin: 0 auto;
			opacity: 0.9;
			padding-bottom: 500px;
			padding-top: 200px;

			}

		.date{
			font-family: CMU;
			font-size: 18pt;
			padding-bottom:5px;
			padding-top:5px;
			text-align:center;
			color:#000000;
		}

		section p{
			font-family: Secondary;
			font-size: 16pt;
			line-height:32px;
			padding-left: 200px;
			padding-right: 200px;
			padding-top: 50px;
			padding-bottom: 50px;
			color:black;


		}

		section h1{
			font-family: Main;
			font-size: 48pt;
			padding-bottom:200px;
			padding-top:200px;
			text-align:center;
			color:#000000;

		}

		section h2{
			font-family: Secondary;
			font-size: 20pt;
			font-weight:100;
			text-align:left;
			line-height:40px;
			column-count:1;
			padding-left: 200px;
			padding-right: 200px;
			color:#000000;
		}
		section h2::first-letter{
			font-size: 60pt;

		}

		figure{
			padding-top:100px;
			padding-bottom:100px;
		}
		figcaption{
			font-family: CMU;
			font-size: 14pt;
			color:Periwinkle;
			padding-left: 0px;
			padding-top: 25px;
			padding-bottom: 25px;
		}

		aside{
			padding-top: 0px;
			padding-left: 70px;
			padding-right: 70px;
			padding-bottom: 70px;
			font-family:Secondary;
			font-size: 36px;
			clear:both;
			width:400px;
			display:block;
			float: left;	
			/*color:lightcoral;*/
			line-height:46px;
		}


		}




/*--------------------------------------------MEDIA MIN 1600 ----------------------------------------------------*/
/*----------------------------------------------  Desktop  ------------------------------------------------------*/
@media (min-width: 1600px) {
	.Title{
			font-family: Main;
			font-size: 200pt;
			padding-bottom:200px;
			padding-top:10%;
			text-align:center;
			font-weight:100; 
			opacity:.95;
			color:#fdebd9;
			line-height: 200pt;
		}
	.byline{
			position:relative; 
			left:-25%; 
			top:-30%; 
			color:#fdebd9; 
			padding-top:0px; 
			font-family:Secondary; 
			font-size:36px; 
			font-weight:100; 
			opacity:.85;
		}		
		/*NAV*/
	nav{

		font-family: Main;
		font-size: 18pt;
		position: fixed;
		color:blue;
		z-index: 5;
		padding:15px;
		opacity:0.5;
	}

	nav a{
		font-family: Main;
		font-size: 18pt;
		color:blue;
		text-decoration:none;
		}
	nav a:hover{
		text-decoration:underline;

		}
	nav visited{
		font-family: Main;
		font-size: 18pt;
		color:blue;
		text-decoration:none;
		}	
		/*Child Container*/
	section{		
		width:60%;
		margin: 0 auto;
		opacity: 0.9;
		padding-bottom: 500px;
		padding-top: 200px;

		}

	.date{
		font-family: CMU;
		font-size: 24pt;
		padding-bottom:5px;
		padding-top:5px;
		text-align:center;
		color:#000000;
	}

	section p{
		font-family: Secondary;
		font-size: 18pt;
		line-height:36px;
		padding-left: 200px;
		padding-right: 200px;
		padding-top: 50px;
		padding-bottom: 50px;
		color:black;


	}

	section h1{
		font-family: Main;
		font-size: 48pt;
		padding-bottom:200px;
		padding-top:200px;
		text-align:center;
		color:#000000;

	}

	section h2{
		font-family: Secondary;
		font-size: 24pt;
		font-weight:100;
		text-align:left;
		line-height:50px;
		column-count:1;
		padding-left: 200px;
		padding-right: 200px;
		color:#000000;
	}
	section h2::first-letter{
		font-size: 60pt;

	}

	figure{
		padding-top:100px;
		padding-bottom:100px;
	}
	figcaption{
		font-family: Cmu;
		font-size: 14pt;
		color:Periwinkle;
		padding-left: 0px;
		padding-top: 25px;
		padding-bottom: 25px;
	}

	aside{
		padding-top: 0px;
		padding-left: 70px;
		padding-right: 70px;
		padding-bottom: 70px;
		font-family:Secondary;
		font-size: 36px;
		clear:both;
		width:400px;
		display:block;
		float: left;	
		/*color:lightcoral;*/
		line-height:46px;
	}


	}