@media only screen and (max-width: 768px)
{
    .application-design-container
	{ 
		position:relative;
		
		margin-top:10px;
		left:0;
		width:100%;
		
		color:whitesmoke;
		
		padding-bottom:10xp;
		box-shadow:0 0 5px black;
		background-color:#333333;
		z-index:100;

	}
	
	
	.design-photo-text-header
	{
		position:relative;
		
		left:0px;
		width:100%;
		color:white;

		text-align:left;
		background-color:#262626;
		padding:10px;
		font-size:24px;
	}
	
	.design-photo-text-body
	{
		position:relative;
		
		left:0;
		margin:0;
		
		padding:10px;
		text-align:left;
		
		font-size:14px;
		line-height: :1;
	}
}

@media only screen and (min-width: 769px)
{
	
	/* Desktop */
	
	.application-design-container
	{
		position:relative;

		left:50%;
		width:1000px;
		margin-left:-500px;
		height:400px;

		background-color:black;
		color:white;

		z-index:20;

	}

	.application-design-photo-samples
	{
		position:absolute;

		top:0px;
		left:0px;
		width:60%;
		height:100%;

		border-bottom: 1px solid black;
	}


	.application-design-photo-text
	{
		position:absolute;

		top:0x;
		right:0px;
		height:100%;
		width:40%;

		text-align:center;
	}

	.design-photo-text-header
	{
		position:relative;



		font-size:40px;
		padding:20px;


	}

	.design-photo-text-body
	{
		position:relative;

		text-align:left;
		padding-left:30px;
		padding-right:30px;
		/*font-weight:bold;*/

		line-height:1.3;
		font-size:14px;

	}
	
}