.container 
{
	margin: 440px auto 40px;
	max-width: 95%;
	position: relative;
	padding: 20px
}

.footer 
{
	padding-top: 0.5em;
	text-align: center;
}

.desc 
{
	/* color: #888; */
}

.intro 
{
	border-bottom: 1px dashed #ffffff;
	padding-bottom: 1.5em;
}

.social 
{
	border-top: 1px dashed #ffffff;
	padding-top: 1.5em;
}

/* minor responsive adjustments */

.footer 
{
	border-top: 1px solid #aaa;
	text-align: center;
	background-color: #ffe6cc;
}

.content 
{
	border-bottom: 0px dotted #aaa;
	margin-bottom: 0em;
}

@media screen and (min-width : 2550px)
{
	.container 
	{
		margin: 440px auto 40px;
	}
	.info:first-child
	{
		border-right: 1px dashed #ffffff;
	}
	.feature:first-child
	{
		border-right: 1px dashed #ffffff;
	}	
}

@media screen and (min-width : 2100px) and (max-width: 2550px)
{
	.container 
	{
		margin: 380px auto 40px;
	}
	.info:first-child
	{
		border-right: 1px dashed #ffffff;
	}
	.feature:first-child
	{
		border-right: 1px dashed #ffffff;
	}	
}

@media screen and (min-width : 1900px) and (max-width: 2100px)
{
	.container 
	{
		margin: 350px auto 40px;
	}
	.info:first-child
	{
		border-right: 1px dashed #ffffff;
	}
	.feature:first-child
	{
		border-right: 1px dashed #ffffff;
	}	
}

@media screen and (min-width : 1760px) and (max-width: 1900px)
{
	.container 
	{
		margin: 320px auto 40px;
	}
	.info:first-child
	{
		border-right: 1px dashed #ffffff;
	}
	.feature:first-child
	{
		border-right: 1px dashed #ffffff;
	}	
}

@media screen and (min-width : 1590px) and (max-width: 1760px)
{
	.container 
	{
		margin: 300px auto 40px;
	}
	.info:first-child
	{
		border-right: 1px dashed #ffffff;
	}
	.feature:first-child
	{
		border-right: 1px dashed #ffffff;
	}	
}

@media screen and (min-width : 1390px) and (max-width: 1590px)
{
	.container 
	{
		margin: 265px auto 40px;
	}
	.info:first-child
	{
		border-right: 1px dashed #ffffff;
	}
	.feature:first-child
	{
		border-right: 1px dashed #ffffff;
	}	
}

@media screen and (min-width : 1270px) and (max-width: 1390px)
{
	.container 
	{
		margin: 255px auto 40px;
	}
	.info:first-child
	{
		border-right: 1px dashed #ffffff;
	}
	.feature:first-child
	{
		border-right: 1px dashed #ffffff;
	}	
}

@media screen and (min-width : 1024px) and (max-width: 1270px)
{
	.container 
	{
		margin: 250px auto 40px;
	}
	.info:first-child
	{
		border-right: 1px dashed #ffffff;
	}
	.feature:first-child
	{
		border-right: 1px dashed #ffffff;
	}	
}

@media screen and (min-width : 800px) and (max-width: 1024px)
{
	.container 
	{
		margin: 200px auto 40px;
	}
	.content 
	{
		border: none;
		border-right: 1px dotted #aaa;
		margin-bottom: 0;
	}
	.info:first-child 
	{
		border: none;
	}
}

@media screen and (min-width : 640px) and (max-width : 800px)
{
	.feature:first-child,
	.info:first-child 
	{
		border-right: 1px dotted #aaa;
	}
	.container 
	{
		margin: 160px auto 40px;
		padding: 1em;
	}
}

@media screen and (min-width : 470px) and (max-width : 640px)
{
	.feature:first-child,
	.info:first-child 
	{
		border-right: 1px dotted #aaa;
	}
	.container 
	{
		margin: 150px auto 40px;
		padding: 1em;
	}
}

@media screen and (min-width : 320px) and (max-width : 470px)
{
	.feature:first-child,
	.container 
	{
		margin: 140px auto 40px;
		padding: 1em;
	}
}

@media screen and (max-width : 320px) 
{
	.feature:first-child,
	.container 
	{
		margin: 100px auto 40px;
		padding: 1em;
	}
}