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

	#openlyhomepagecontainer
	{
		text-align: left;
	}

		#openlyhomepagecontainerbackground
		{
			display: none;
		}

		#openlyhomepagecontent
		{
			margin: 15vw;
			margin-bottom: 0vw;
		}

			#openlyproductdescriptioncontentheading
			{
				padding-top: 25vw;
				font-size: 6vw;
			}

			#openlyproductdescriptioncontenttext
			{
				margin-top: 3vw;
				font-size: 3vw;
			}

			#learhowbutton
			{
				display: inline-block;
				margin-top: 8vw;
				height: 10vw;
				width: 40vw;
				border-radius: 1vw;
				background-color: rgb(35,35,35);

				line-height: 10vw;
				font-size: 3vw;
				font-weight: bold;
				color: white;
				text-align: center;
			}

			#getintouchbutton
			{
				display: inline-block;
				margin-top: 8vw;
				height: 10vw;

				line-height: 10vw;
				font-size: 3vw;
			}

				#getintouchbuttonimage
				{
					display: inline-block;
					height: 5vw;
				}


		#openlyhomepageimagecontainer
		{
			height: 100vw;
			width: 100vw;
			z-index: 0;
		}

			#openlyhomepageimage
			{
				top: 0;
				height: 100%;
				width: 100%;
			}
}

@media only screen and (orientation: landscape)
{

	#openlyhomepagecontainer
	{
		width: 100vw;
		height: 60vw;
	}

		#openlyhomepagecontainerbackground
		{
			position: absolute;
			z-index: -1;
			top: 0vw;
			right: 0vw;
			height: 60vw;
			width: 100vw;
		}

			#openlyhomepagecontainerbackgroundimage
			{
				height: 100%;
				width: 100%;
			}

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

			#openlyproductdescriptioncontentheading
			{
				margin-top: 8vw;
				font-size: 2.4vw;
			}

			#openlyproductdescriptioncontenttext
			{
				margin-top: 1vw;
				width: 27vw;
				font-size: 0.9vw;
			}

			#learhowbutton
			{
				float: left;
				margin-top: 4vw;
				height: 3vw;
				width: 10vw;
				border-radius: 0.2vw;
				background-color: rgb(35,35,35);

				line-height: 3vw;
				font-size: 0.9vw;
				font-weight: bold;
				color: white;
				text-align: center;
			}

			#getintouchbutton
			{
				float: left;
				margin-top: 4vw;
				margin-left: 3.5vw;
				line-height: 3vw;
				font-size: 0.9vw;
			}

				#getintouchbuttonimage
				{
					display: inline-block;
					height: 1.2vw;
				}


		#openlyhomepageimagecontainer
		{
			float: right;
			height: 60vw;
			width: 60vw;
		}

			#openlyhomepageimage
			{
				height: 100%;
				width: 100%;
			}
}