@media only screen and (orientation: portrait)
{
	body
	{}

	#blogtilescontainer
	{
		padding: 14.5vw;
		text-align: center;
		background-color: white;
	}

		#allpostsheading
		{
			padding-top: 5vw;
			text-align: center;
			font-size: 6vw;
			font-weight: bold;
			margin-bottom: 15vw;
		}

		.posts
		{
			display: inline-block;
			margin-bottom: 15vw;
			width: 70vw;
			border-radius: 0.2vw;
			overflow: hidden;
			transition-duration: 0.3s;
			text-align: left;
			box-shadow: 0 1vw 1.5vw rgba(0,0,0,0.1);
		}

		#post6:hover,
		#post5:hover,
		#post4:hover,
		#post3:hover,
		#post2:hover,
		#post1:hover
		{
			/*background-position: 0vw -5vw;*/
			transform: scale(1.01);
			/*box-shadow: 0 1vw 1.5vw rgba(0,0,0,0.1);*/
		}

			.postimagecontainer
			{
				width: 70vw;
				overflow: hidden;
			}

				.postimage
				{
					width: 100%;
				}

			.postdetails
			{
				width: 70vw;
				text-align: left;
				transition-duration: 0.3s;
				background-color: rgb(250,250,250);
			}

				.posttitle
				{
					padding: 5vw;
					padding-bottom: 3vw;
					font-size: 6vw;
					font-weight: bold;
				}

				.postauthor
				{
					display: block;
					padding-left: 5vw;
					font-size: 3vw;
					font-weight: bold;
					color: rgb(155,155,155);
				}

				.postdate
				{
					display: block;
					padding-left: 5vw;
					padding-top: 2vw;
					padding-right: 0vw;
					font-size: 3vw;
					font-weight: bold;
					color: rgb(155,155,155);
				}

				.postduration
				{
					display: block;
					padding-left: 5vw;
					padding-top: 2vw;
					padding-bottom: 5vw;
					font-size: 3vw;
					font-weight: bold;
					color: rgb(155,155,155);
				}


}

@media only screen and (orientation: landscape)
{
	body
	{}

	#bloglandingcontainer
	{
		height: 60vw;
		width: 100vw;
		background-color: white;
	}

		#bloglandingcontent
		{
			float: left;
			margin-top: 15vw;
			margin-left: 10vw;
			width: 25vw;
			text-align: left;
		}

			#productlandingheading
			{
				font-size: 1.8vw;
				font-weight: bold;
			}

			#productlandingtext
			{
				margin-top: 1.5vw;
				font-size: 0.9vw;
			}

			#productlandingdotscontainer
			{
				margin-top: 1.5vw;
				width: 10vw;
			}

				#productlandingdots
				{
					width: 100%;
				}

		#bloglandingfeaturedcontainer
		{
			float: right;
			height: 60vw;
			width: 60vw;
			text-align: center;
		}

			#featuredpost
			{
				float: right;
				margin-top: 12.5vw;
				margin-right: 10vw;
			}

			#featuredpost:hover
			{
				transform: scale(1.01);
				box-shadow: 0 1vw 1.5vw rgba(0,0,0,0.1);
			}

	#blogtilescontainer
	{
		padding: 5vw;
		text-align: center;
		background-color: white;
	}

		#allpostsheading
		{
			padding-top: 5vw;
			text-align: center;
			font-size: 2.4vw;
			font-weight: bold;
		}

		.posts
		{
			display: inline-block;
			margin: 3vw;
			width: 26vw;
			height: 30vw;
			border-radius: 0.2vw;
			overflow: hidden;
			transition-duration: 0.3s;
			text-align: left;
			box-shadow: 0 1vw 1.5vw rgba(0,0,0,0.1);
		}

		#post6:hover,
		#post5:hover,
		#post4:hover,
		#post3:hover,
		#post2:hover,
		#post1:hover
		{
			/*background-position: 0vw -5vw;*/
			transform: scale(1.01);
			/*box-shadow: 0 1vw 1.5vw rgba(0,0,0,0.1);*/
		}

			.postimagecontainer
			{
				width: 26vw;
				height: 18vw;
				overflow: hidden;
			}

				.postimage
				{
					width: 100%;
				}

			.postdetails
			{
				width: 26vw;
				height: 12vw;
				text-align: left;
				transition-duration: 0.3s;
				background-color: rgb(250,250,250);
			}

				.posttitle
				{
					padding: 2vw;
					padding-bottom: 0.5vw;
					padding-top: 1vw;
					font-size: 1.5vw;
					font-weight: bold;
				}

				.postauthor
				{
					display: block;
					padding-left: 2vw;
					font-size: 0.9vw;
					font-weight: bold;
					color: rgb(155,155,155);
				}

				.postdate
				{
					display: block;
					padding-left: 2vw;
					padding-top: 0.2vw;
					padding-right: 0vw;
					font-size: 0.9vw;
					font-weight: bold;
					color: rgb(155,155,155);
				}

				.postduration
				{
					display: block;
					padding-left: 2vw;
					padding-top: 0.2vw;
					font-size: 0.9vw;
					font-weight: bold;
					color: rgb(155,155,155);
				}
}