Untitled

@media only screen and (max-width:360px) {
	
	body {
		width:100%;
	}

	.header {
		flex-direction: column;
		align-items: center;
		align-self: center;
		padding:0;
		width:100%;
	}

	.header-logo {
		width:100px;
	}

	.nav {
		width:360px;
	}

	.org-name {
		margin:auto;
	}

	.navbar-item {
		padding:0 6px;
	}
	.navbar-item img {
		width:20px;
		height:20px;
	}
	.recipes-bg {
		width:100%;
	}
	.recipes-container {
		margin:auto;
	}
	.chevron {
		width:50px;
	}

	.recipes {
		font-size:24px;
		margin-right:0;
	}

	.tomato-basil-buratta-pasta {
		font-size:24px;
		width:250px;
	}

	.tomato-basil {
		width:100%;
		flex-direction: column;
		padding:0;
		margin:0;
	}

	.user-1 {
		order: 1;
		width:360px;

	}

	.user-1 p {
		width:80%;
		align-self:flex-start;
		font-size: 14px;
		margin:10px 10px 30px 40px;
	}

	.tomato-h4 {
		padding: 25px 0;
		font-size:18px;
	}

	.tomato-h5 {
		font-size: 18px;
	}
	.user-1-columns {
		width:100%;
		align-self:flex-start;
		margin-left:50px;
		flex-direction:row;

	}

	.column1 {
		font-size:18px;
	}		

	.column2 {
		font-size: 18px;
	}

	.basil1 {
		padding:5px 0;
	}

	.basil2 {
		padding: 5px 0
	}
	.user1 {
		width:100px;
		height:100px;
	}

	.pasta {
		margin:0;
		width:360px;
		height:auto;
	}

	.mainingri {
		width:100%;
		flex-direction: column;
		margin:10px 10px 10px 30px;
	}

	.ingrih1 {
		font-size:32px;
	}

	.wow {
		margin-left:-20px;
	}

	.ingridients-1, .ingridients-2 {
		font-size:14px;
		width:300px;
	}

	.ingridients, .ingridientstwo {
		width:100%;
	}
	.column3 {
		font-size: 14px;
	}

	.column4 {
		width:360px;
	}
	.ratings {
		flex-direction: column;
		width:100%;
		padding:0;
		margin:0
		margin-right:-20px;
	}

	.ratings-location, .ratings-tags, .ratings-stars, .ratings-votes {
		margin:10px 0;
	}

	.ratings-votes {
		width:101%;
		padding-left:0;
		margin-bottom:0;
	}

	.recommendations-bar {
		width:100%;
		padding-top:50px;
		margin:0;
	}

	.first-span {
		width:100%;
		letter-spacing:0;
		margin-left:28px;
	}

	.tellme {
		flex-direction:column;
		width:100%;
		align-items:center;
	}

	.period {
		width:100%;
		margin:auto;
	}

	.foodmenu {
		width:85%;
	}

	.something-background {
		width: 100%;
		margin:0;
	}

	.something-divider {
		margin-top:20px;
		margin-bottom:0;
	}

	.joint{
		width:25%;

	}

	.jointall {
		width:100%;
		flex-direction: column;
		align-items: center;
		justify-content: center;

	}

	.something-socialmedia {
		margin:auto;
		margin-bottom:30px;
	}

	footer {
		width:100%;
	}

	.feeter {
		flex-direction: column;
		align-content:center;
		padding:25px 0;
	}

	.feetpic {
		margin-left:0;
	}