/*Mike CSS*/
/**********************Set Font**********************/
@font-face {
    font-family: 'Main';
	src: url('../FONTS/GT-Eesti-Display-Medium.woff');
}

@font-face {
    font-family: 'Secondary';
	src: url('../FONTS/LyonText-Regular-Web.woff');
}

@font-face {
    font-family: 'CMU';
	src: url('../FONTS/cmunrm.woff');
}

.header_img{
	 height:100vmin; width:auto;
	}
	

.nav_banner{
	position:fixed;
	top:0px;
	left:0px;
	margin:0px;
	color:black;
	background-color:white;
	font-size:12px;
	display:none;
	font-family:main;
	z-index:1000;
	height:80px;
	width:100%;
	padding:5px;	
	border-bottom: 3px solid blue;
}


	

.show_on_hover{z-index:1000;height:80px;
	width:100%;padding:5px;	position:fixed;
	top:0px;
	left:0px;
}
.show_on_hover:hover .nav_banner{
	display:block;
	}


body{
	padding:0px;
	margin:0px;
}

hr{
	color:#2C5087;
	margin-bottom:40px;
	margin-top:40px;
	border:solid;
	border-width:.5px;
	}

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

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

/* Header Adjusts*/

h1{
	font-size:36px;
	line-height: 125%;
	margin-top:10px;
	margin-bottom:10px;
	margin-right:0px;
	margin-left:0px;
	padding:0px;
	font-family:Secondary;
	font-weight:100;
	color:#2C5087;

	}
	
h2{

	margin-top:0px;
	margin-right:0px;
	margin-left:0px;
	padding:0px;
	font-family:Secondary;
	font-weight:100;
	color:#2C5087;
	font-size: 26px;
	
	}
h3{

	margin-top:0px;
	margin-right:0px;
	margin-left:0px;
	padding:0px;
	font-family:Secondary;
	font-weight:100;
	color:#2C5087;
	font-size: 20px;
	
	}
	
p{
	font-family:Secondary;
	font-weight:100;
	font-size: 16px; /*was 20px*/
	line-height:1.6em;
	 color:#2C5087;
		}
		
.essay_container p {
	font-size: 20px; /*was 20px*/
	}	

nav {

	margin:auto;
	padding-top:20px;
	padding-bottom:20px;
	padding-left:20px;
	min-height:60px;
	top:80px;
	color:blue;
	font-family:Main;	
	min-width:80%;
	position:fixed;
}


	
/*SITE TITLE*/



.blurb{
	font-family:Secondary;
	font-weight:100;
	font-size: 20px; /*was 20px*/
	line-height:1.6em;
	 color:#2C5087;
		}
	
.site_title{
	font-size:60px;
	margin-top:20px;
	margin-bottom:40px;
	margin-right:0px;
	margin-left:0px;
	padding:100px;
	font-family:main;
	font-weight:100;
	 margin:auto; text-align:center;
	 color:#2C5087;
	}	
	
.section_title{
	
	margin-top:0px;
	margin-bottom:10px;
	margin-right:0px;
	margin-left:0px;
	padding:0px;
	font-family:Secondary;
	font-weight:100;
	font-size:24px;
	font-style:oblique;
	color:#2C5087;
	}

.section_name{
	color:blue;
	margin-top:20px;
	margin-bottom:20px;
	margin-right:0px;
	margin-left:0px;
	padding:0px;
	font-family:Secondary;
	font-weight:100;
	font-size:24px;
	font-style:italic;
	}
	
.byline{
	font-size:14px;
	margin-top:34px;
	margin-right:0px;
	margin-left:0px;
	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
	padding-bottom:30px;
	font-family:Main;
	color:#2C5087;
	}
	
.essay_title{
	font-size:60px;
	line-height: 125%;
	margin-top:100px;
	margin-bottom:220px;
	margin-right:auto;
	margin-left:auto;
	padding:0px;
	font-family:Secondary;
	font-weight:100;
	letter-spacing:.1em;
	color:#2C5087;
	text-align:center;
	}

.essay_container{
		padding-top:40px;
		max-width:95%;
		margin:auto;
		padding-left: 30px;
		padding-right: 30px;
		padding-bottom: 30px;
	}
	
	.flair{
		
		min-height:100px;
		max-width:100px;
		position:sticky;
		top:100px;
		left:50px;
		background-color: goldenrod;
		z-index:0;
		padding:20px;
		border-radius:100px;
		font-family:cmu;
		font-size:100px;

		text-align:center;
	}
	
/*Responsive CSS*/
* {box-sizing: border-box;}

    .article_wrapper {
        max-width: 95%;
        margin: 0 auto;
  		padding-top:0px;
        padding-left: 30px;
		padding-right: 30px;
		padding-bottom: 30px;
    }

/* Gentrifer Page Container */
	.gentrifier_wrapper {
        max-width: 95%;
        margin: 0 auto;
    }

    .gentrifier_wrapper > * {
        
		padding-top:0px;
        padding-left: 30px;
		padding-right: 30px;
		padding-bottom: 30px;
    }



/*Issue Container*/
	
	.issue_wrapper {
        max-width: 95%;
        margin: 0 auto;
    }

    .issue_wrapper > * {
        
		padding-top:0px;
        padding-left: 30px;
		padding-right: 30px;
		padding-bottom: 30px;
    }


.main-head {
  grid-area: header;
}
.column_1 {
  grid-area: column_1;
}
.column_2 {
  grid-area: column_2;
}
.column_3 {
  grid-area: column_3;
}

.essay_header_column_1{
	grid-area: essay_header_column_1;
	overflow: hidden;
	padding:0px;
	margin:0px;
}
.essay_header_column_2{
	grid-area: essay_header_column_2;
	text-align: center;
	margin:0px;
	padding:0px;
	overflow:hidden;
}

.main-footer {
  grid-area: footer;
}

.essay_header {
	display:grid;
	grid-gap:0px;
	grid-template-areas: 
		"essay_header_column_1"
		"essay_header_column_2";
	min-height:100vh;
	padding:0px;
	margin:0px;
	min-width:100vw;
	top:0px;
	left:0px;
	}

.issue_wrapper {
  display: grid;
  grid-gap: 0px;
  grid-template-areas: 
    "header"
    "column_1"
    "column_2"
   	"column_3"
    "footer";
}
.gentrifier_wrapper {
  display: grid;
  grid-gap: 0px;
  grid-template-areas: 
    "header"
    "column_1"
    "column_2"
   	"column_3"
    "footer";
}
@media (min-width: 800px) {
	.essay_header{	
		grid-template-columns: 1fr;
		grid-template-areas: 
		  "essay_header_column_1"
		  "essay_header_column_2";
		max-width: 100%;
	}
	
  .issue_wrapper {
     grid-template-columns: 1fr;
    grid-template-areas: 
      "header"
      "column_2 "
	  "column_1"
	  "column_3"
      "footer";
	  max-width: 95%;

   }
  .gentrifier_wrapper {
     grid-template-columns: 1fr;
    grid-template-areas: 
      "header"
      "column_2 "
	  "column_1"
	  "column_3"
      "footer";
	  max-width: 95%;

   }

   nav ul {
     flex-direction: column-reverse;
   }
   
   .site_title{
	  font-size: 96px;
  }
  
 .essay_container p{
	  font-size: 46px;
	  }	
	.essay_container{
		 width:95%;
	}
	
	.byline{
	font-size:28px;
	}
	
	.essay_title{
	font-size:100px;
	}
  
  	.article_wrapper {
        max-width: 95%;
        
    }
  
}


@media (min-width: 1000px) {
	.essay_header{	
		grid-template-columns: 1fr 1fr;
		grid-template-areas: 
		  "essay_header_column_1 essay_header_column_2";
		max-width: 100%;
	}
  .issue_wrapper {
    grid-template-columns: 1fr 2fr 1fr;
    grid-template-areas: 
      "header     header     header"
      "column_1 	column_2 	column_3 "
      "footer     footer     footer";
	 max-width: 80%;
   }
   
     .gentrifier_wrapper {
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-areas: 
      "header     header     header"
      "column_1 	column_2 	column_3 "
      "footer     footer     footer";
	 max-width: 80%;
   }
   nav ul {
     flex-direction: column-reverse;
   }
   
   .site_title{
	  font-size: 96px;
  }
	
	 .essay_container p{
	  font-size: 24px;
	  }	
	.essay_container{
		 width:55%;
	}
	
	.byline{
	font-size:19px;
	}
  
  
  .essay_title{
	font-size:48px;
	}
	
	.article_wrapper {
        max-width: 80%;
        
    }


}

.arrow {
  border: solid black;
  width:80px;
  height:80px;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
}

#right {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

#left {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}