/*Media query for screens 500px or less*/
@media screen and (max-width: 500px) {
	
	body {
		
	}
	
	/*Header*/
	
	.flex_container_header {
		background-image: none;
		background-color: indianred;
		flex-direction: column;
	}
	
	/*Navigation*/
	
	.banner_img {
		display: none;
	}
	
	nav {
		background-color: mistyrose;
		font-size: 1em;
		text-align: center;
		height: 50px;
	}
	
	nav ul {
		border-top: none;
	}

	nav ul li {
		margin-left: 5px;
		margin-right: 5px;
	}
	
	.flex_container_img {
		margin-right: 0;
	}
	
	.flex_container_nav {
		flex-direction: row;
		align-items: center;
		justify-content: space-around;
		margin-top: 10px;
	}
	
	/*Main Content*/
	
	main {
		padding-left: 0;
		padding-right: 0;
	}
	
	h1.main {
		text-align: center;
		padding-left: 0;
		margin-top: 0;
	}
	
	.flex_container {
		flex-direction: column;
	}
	
	/*footer*/
	
	.flex_container_footer {
		flex-direction: column;
	}
	
	.copyright {
		margin-left: 0;
	}
	
	.social_media div {
		display: inline-block;
	}