@media screen and (max-width:767px) {

	nav a {
	    display: none;
	}
	
	nav#mobile {
	    display: block;
	    position: absolute;
	    top: 0;
	    color: white;
	    text-align: right;
	    left: -30px;
	    padding: 10px;
	    width: 100%;
	}
	
	header {
	    position: relative;
	    background-position: 3% center;
	}
	
	nav#mobile i {
	    font-size: 30px;
	}
	
	#content {
	    height: 100vh;
	    grid-template-rows: 440px 70px repeat(4, 1fr) 120px;
	    grid-template-columns: 1fr;
	    grid-template-areas: 
	    	"header" 
	    	"featured_headline" 
	    	"featured_article_one" 
	    	"featured_article_two" 
	    	"featured_article_three"
	    	"upcoming_shows_content" 
	    	"footer";
	}
	
	section#upcoming_shows_content {
	    grid-template-areas:
	    	"shows_title" 
	    	"shows_area" 
	    	"tickets_title" 
	    	"early_bird_ticket_area"
	    	"regular_ticket_area";
	    grid-template-columns: 1fr;
	    grid-template-rows: 60px 1fr 60px 170px 170px 50px;
	    padding: 0 10px;
	}
	
	footer {
	    display: grid;
	    grid-template-columns: 1fr 1fr 1fr;
	    grid-template-rows: 1fr 1fr;
	    padding: 15px 19%;
	    grid-template-areas:
	    	"footer_facebook footer_twitter footer_snapchat"
			"footer_description footer_description footer_description";
	}
	
	footer p {
		grid-area: footer_description;
		text-align: center;
		font-size: 15px;
		padding: 10px 0 0 0!important;
	}
	
	footer .fa-facebook-square {
	    grid-area: footer_facebook;
	}
	
	footer .fa-twitter-square {
	    grid-area: footer_twitter;
	}
	
	footer .fa-snapchat-square {
	    grid-area: footer_snapchat;
	}
	
	footer .fa {
	    font-size: 44px!important;
	}

}