@charset "UTF-8";
/* CSS Document */

.backgroundProject
{
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
	background-attachment: fixed;
}

.projectInfo
{
	font-family: 'Roboto', sans-serif;
	font-size:18px;
	font-weight:300;
	color:#222222;
	padding-top:15px;
	line-height:1em;
}

.projectInfoWhite
{
	font-family: 'Roboto', sans-serif;
	font-size:18px;
	font-weight:400;
	color:#ffffff;
	padding-top:15px;
	padding-bottom:20px;
	line-height:1.4em;
}

.projectTitleOffset
{
	margin-bottom:0px;
}

.h3modified
{
	font-family: 'Roboto', sans-serif;
	font-size:20px;
	font-weight:700;
	margin-bottom:10px;
	margin-top:0px;
}

.projectContainer
{
	clear:both;
}

.projectGroupBlock
{
	margin-bottom:60px;
	max-width:900px;
	overflow:hidden;
}

.projectInfoBox
{
	min-width:280px;
	max-width:560px;
	float:left;
	padding-right:50px;
	margin-bottom:15px;
}


.projectImagesDivider
{
	padding-bottom:40px;
	padding-top:40px;
	height:40px;
}

.projectTagBox
{
	min-width:280px;
	max-width:290px;
	margin-bottom:10px;
	float:left;
	
	
}

.projectTagOffset
{
	margin-bottom:10px;
	margin-top:20px;
}

.projectImagesContainer
{
	margin:30px auto 30px auto;
	max-width:900px;
	padding-left:30px;
	padding-right:30px;
	
}


.projectImage
{
	width:100%;
	margin-bottom:5px;
	overflow:hidden;
	image-rendering:auto;
}

.projectImageShadow
{
	-webkit-box-shadow: 1px 2px 5px -1px rgba(0,0,0,0.25);
	-moz-box-shadow: 1px 2px 5px -1px rgba(0,0,0,0.25);
	box-shadow: 1px 2px 5px -1px rgba(0,0,0,0.25);
}


.projectFooterContainer
{
	max-width:900px;
	padding:30px;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
}

.headerLinkBox
{
	float:left;
	clear:both;
	margin-top:0px;
}

.headerLink
{
	
	font-family: 'robotomedium', sans-serif;
	font-size:14px;
	line-height:1.4em;
	color:#ffffff;
	margin-top:0px;
	margin-right:20px;
	margin-bottom:5px;
	float:left;
	display:inline-block;
}


.headerIcon
{
	font-size:9px;
	margin-right:2px;
}

.headerLink a:link {
    text-decoration: none;
	color:#ffffff;
}

.headerLink a:visited {
    text-decoration: none;
	color:#ffffff;
}

.headerLink a:hover {
    text-decoration: none;
	color:#4e809a;
}

.headerLink a:active {
    text-decoration: none;
	color:#5a9bbc;
}


@media (max-width: 959px) 
{
	.projectTextBoxLeft
	{
		min-width:260px;
		max-width:545px;
		float:left;
		padding-bottom:30px;
	
	}
	
	.projectTextBoxRight
	{
		min-width:260px;
		max-width:545px;
		float:left;
		padding-bottom:30px;
		clear:both;
	
	}
	
	.projectImagesBlock
	{
	
		max-width:550px;
		min-width:260px;
		float:left;
	}
}

@media (min-width: 960px) 
{
	.projectTextBoxLeft
	{
		min-width:260px;
		max-width:310px;
		float:left;
		padding-right:30px;
		padding-bottom:30px;
	
	}
	
	.projectTextBoxRight
	{
		min-width:260px;
		max-width:310px;
		float:right;
		padding-left:30px;
		padding-bottom:30px;
	
	}
	
	.projectImagesBlock
	{
	
		max-width:550px;
		min-width:260px;
		float:left;
	}
	
	
}