@media (max-width: 480px) {
	 body {
		line-height: 1;
		background-color: black;
		}
	.layout {
		position: fixed;
		width: 98vw;
		height: 98vh;
		margin: 1vh 1vw;
		background-color: whitesmoke;
		display: grid;
		grid-template-rows: 7vh 4vh 5vh 1fr;
		grid-gap: 0px;
		grid-template-columns: 0;
	}



	.nav-small-media {
		display: grid;
		grid-row-start: 3;
		grid-template-columns: 1fr 1fr 1fr;
		grid-column-gap: 2px;
		position: relative;
		width: 98vw;
		border-top: 0.2vh solid;
		border-bottom: 0.2vh solid;
		background-color: black;
	}


	button {
    background-color: whitesmoke;
    border: none;
	}

	#title-banner {
		color: black;
		font-size: 8.5vw;
		align-self: center;
		/* height: 3vh; */
		}

	.sub-header {
		height: 4vh;
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		/* background-color: #CDDC39; */
	}

	#date-header {
		position: relative;
		top: -2.5vh;
		font-family: 'Public Sans', sans-serif;
		font-size: 1.8vh;
		height: 4vh;
		/* grid-row-start: 2; */
		/* background: yellow; */
		}

.social-media-nav {
		position: relative;
		left: -2.8vw;
		top: 1.2vh;
		grid-column-start: 3;
		align-items: unset;
		display: grid;
		grid-template-columns: 8vw 8vw 8vw;
}
#email-link {

}

#insta-link {
	top: 0.3vh;
	left:  2.1vw;;
}
#twitter-link {
  	grid-row-start: 1;
    grid-column-start: 2;
    position: relative;
    top: 0;
    left: 0;

}
 #email-icon{
	  position: relative;
    height: 18px;
    width: 30px;
    top: 0;
    margin: 0;
    max-width: unset;
    max-height: unset;
 }
 #twitter-icon {
	  height: 15px;
    width: unset;
    max-width: unset;
    max-height: unset;
 }
 #insta-icon{
	  width: unset;
    height: 14px;
    position: relative;

 }

 .content-wrapper {
	 position: relative;
	 grid-row-start: 4;
	 width: 98vw;
	 /* display: none; */
	}
 /* - - - - BLOG MOBILE- - - - - */

 .blog-container.viewable {
	 display: block;
	 position: relative;
	 width: 98vw;
	 background-color: whitesmoke;
 }

 .blog-container.hide {
	  display: none;
 }
 .blog-title {
	  display: none;
  }
 .blog-scroll {
	  height: 76vh;
    border-bottom: 3vh solid black;
		overflow-y: scroll
  }

	.blog-blurb{
    width: 96vw;
		padding-bottom: 6vh;
		/* overflow-y: scroll */
	}
	.divider{
		margin-bottom: 4vh;
	}

	.dana-title {
    margin-top: 1vh;
	}
  .dana-text {
		margin-left: 2vw;
    margin-right: 2vw;
		width: 92vw;
	}

	.dana-image {
		width: 90vw;
    margin: 4.5vw;
  }
	.dana-list {
		position: relative;
    left: 9vw;
    margin: unset;
  }
	/* - - - - ARCHIVE MOBILE- - - - - */

	.archive-container.viewable {
		display: block;
	  position: relative;
	  width: 98vw;
	  background-color: whitesmoke;
  }
	.archive-container.hide {
		display: none;
	}
  .archive-scroll{
		height: 65vh;
	}
 .archive-title {
	 display: none;
  }
	.article-blurb {
	  text-align: justify;
	  margin-left: 3vh;
	  margin-right: 3vh;
	}
 /* - - - - BIO MOBILE- - - - - */
 .bio-container.viewable {
	 display: block;
 	 position: relative;
 	 width: 98vw;
 	 background-color: whitesmoke;
 }

 .bio-container.hide{
	display: none;
 }

 .bio-header {
	 display: none;
  }

 .bio-scroll {
	 overflow-y: scroll;
	 overflow-x: hidden;
 }

 .bio-text {
    text-align: justify;
    margin-left: 2.8vw;
    margin-right: 2vw;
    width: 90vw;
 }
 .video-container {
	 position: relative;
	 width: 83vw;
	 margin-top: 2.8vh;
  }
	.bio-details {
    width: 66vw;
    margin-left: auto;
    margin-right: auto;
  }
}