div#main.introduction
{
	background-color: white;
}

div#main.introduction
{
	background-color: #e8e8e8;
}

.section.introduction .page-title
{
	width: 90%;
	margin: 0 auto 30px auto;
	padding: 30px 0;
	border-bottom: 1px solid black;
}

div#main.introduction .featured-image
{	
	width: 90%;
	height: 180px;
	display: table;
	margin: 20px auto;
	position: relative;
	text-align: center;
}

div#main.introduction .featured-image .title
{	
	display: table-cell;
	vertical-align: middle;
	color: white;
    font-size: 18px;
    line-height: 24px;
    font-size: 1.8rem;
    line-height: 2.4rem;
	text-decoration: none;
}

div#main.introduction .featured-image .title h2
{	
	display: inline-block;
    font-size: 18px;
    line-height: 24px;
    font-size: 1.8rem;
    line-height: 2.4rem;	
}

div#main.introduction .featured-image .round-number
{	
	margin-bottom: 25px;
}


@media all and (min-width: 1025px) {

	div#main.introduction .featured-image
	{	
		width: 94%;
		height: 600px;
		margin: 3% auto;
	}

	div#main.introduction .featured-image .title
	{	
	    font-size: 32px;
	    line-height: 38px;
	    font-size: 3.2rem;
	    line-height: 3.8rem;
	}

	div#main.introduction .featured-image .title h2
	{	
	    font-size: 28px;
	    line-height: 34px;
	    font-size: 2.8rem;
	    line-height: 3.4rem;
	}

	div#main.introduction .featured-image:hover .title h2
	{	
		border-bottom: 2px solid white;
	}

	.list-pics
	{	
		width: 91%;
		float: left;
		overflow: hidden;

		/* Dirty fix for float */
        padding-bottom:999999px;
        margin-bottom:-999999px;
	}
}