@media only screen and (max-width:361px) {
	/*OVERALL*/
	body {
		font-size: 0.95em;
	}

	header, #pagebanner, main, footer, #subfooter {
		width: 360px;
	}

	header, footer, #subfooter {
		flex-direction: column;
		align-items: center;
	}

	/*HEADER-NAV*/
	#sitename {
		margin: 0 0 5px 0;
	}

	nav {
		border-top: 2px #F5F5F5 solid;
	}

	.navlink a {
		font-size: 0.90em;
		padding: 0 7px;
		margin: 0;
	}

	.navlink img {
		margin-top: 15px;
	}

	#pagebanner {
		padding: 20px;
		align-items: center;
	}

	/*MAIN*/

	/*1.OVERVIEW*/
	#recipe_overview {
		flex-direction: column-reverse;
	}

	#overview_side {
		padding-bottom: 0px;
	}

	#overview_desc {
		padding-bottom: 45px;
	}

	#prep_label li {
		padding-right: 35px;
	}

	#prep_label li:not(:last-child) {
		margin-bottom: 5px;
	}

	#prep_value li:not(:last-child) {
		margin-bottom: 5px;
	}


	/*2.INSTRUCTIONS*/
	#recipe_guide {
		flex-direction: column;
		padding-top: 25px;
		padding-bottom: 20px;
	}

	#guide_ingredients {
		padding-bottom: 20px;
	}


	/*3.TAGS*/
	#recipe_tags {
		flex-direction: column;
		padding-left: 0;
	}

	#tags_location {
		padding: 25px 0 15px;
	}

	#tags_category {
		padding: 15px 0 13px;
	}

	#tags_stars {
		padding: 13px 0 20px;
	}

	#tags_rating {
		width: 360px
	}


	/*4.RECS-CARDS*/
	#recs {
		padding: 20px 0 20px;
		align-items: center;
	}

	#recs_title {
		padding-bottom: 0;
	}

	#recs_title h2 {
		letter-spacing: 1px;
	}

	#recs_cards {
		flex-direction: column;
	}

	.card {
		margin-top: 50px;
	}

	.card_detail .user_name {
		padding-left: 10px;
	}


	/*FOOTER*/
	#footer_content, #footer_left, #subfooter_content {
		width: 360px;
		flex-direction: column;
		align-items: center;
	}

	#footer_left {
		padding-bottom: 15px;
	}

	.footerlist {
		padding-left: 40px;
	}

	.footerlist p{
		font-size: 12px;
	}

	#footer_logo {
		padding-right: 0;
		padding-bottom: 15px;
	}
}