
#commons_header
{
	/*padding:  			30px 0;*/
	padding-bottom:  		100px;
}
#commons_header::after
{
	content: 			" ";
	display: 			block;
	clear: 				both;
}

.commons_header_titledesc::after
{
	content: 			" ";
	display: 			block;
	clear: 				both;
}

	.commons_header_title
	{
		float: 				left;
		width: 				50%;
		text-align: 		left;
		padding-left: 		15%;
		margin-top:  		70px;
	}
	.commons_header_description
	{
		float: 				right;
		width: 				50%;
		font-size: 			14pt;
		text-align: 		left;
		padding-right: 		15%;
		margin:  			30px auto;
		line-height:  		1.6;
	}

		#commons_header.nopicture .commons_header_title,
		#commons_header.nopicture .commons_header_description
		{
			float: 				none;
			width: 				auto;
			max-width:  		600px;
			max-width:  		600px;
			margin-left: 		auto;
			margin-right: 		auto;
			text-align:  		center;
			padding:  			0;
		}

	.commons_header_background
	{
		position:  				relative;
		height:  				600px;
		background-position:	center center;
		background-repeat: 		no-repeat;
		background-size:  		cover;
		-moz-border-radius:		8px;
		-webkit-border-radius:	8px;
		border-radius:			8px;
	}
	.commons_header_background .commons_header_baseline
	{
		position:  				absolute;
		bottom:  				-50px;
		right:  				100px;
		background-color:  		#2d2d2d;
		padding:  				40px 50px;
		width:  				400px;
		min-height:  			120px;
		color:  				#fff;
		text-align:  			center;
		max-width:				400px;
		font-size:  			18pt;
		-webkit-transition:		all .2s ease-out;
		-moz-transition:		all .2s ease-out;
		-o-transition:			all .2s ease-out;
		transition:				all .2s ease-out;
	}

	.commons_header_baseline_data
	{
		display:  				none;
	}

	.typed-cursor
	{
		font-weight:  		300;
		-webkit-animation: 	blink 0.7s infinite;
		-moz-animation:   	blink 0.7s infinite;
		animation:         	blink 0.7s infinite;
	}
	@keyframes blink {
		0% {			opacity:1		}
		50% {			opacity:0		}
		100% {			opacity:1		}
	}
	@-webkit-keyframes blink {
		0% {			opacity:1		}
		50% {			opacity:0		}
		100% {			opacity:1		}
	}
	@-moz-keyframes blink {
		0% {			opacity:1		}
		50% {			opacity:0		}
		100% {			opacity:1		}
	}



@media only screen /* Smartphone Horizontal */
and (max-width : 1100px)
{
	.commons_header_title
	{

	}
	.commons_header_description
	{
		padding-right:  		5%;
	}
}

@media only screen /* Smartphone Horizontal */
and (max-width : 900px)
{
	#commons_header
	{
		/*padding-top:  			60px;*/
		padding-bottom:  		60px;
		margin-bottom:  		0;

	}
	.commons_header_title
	{
		float: 				none;
		width: 				auto;
		text-align: 		center;
		padding-left: 		0;
		padding-top:  		40px;
		margin-top:  		0;
	}
	.commons_header_description
	{
		float: 				none;
		width: 				auto;
		text-align: 		center;
		padding-right: 		0;
		margin:  			20px auto;
		margin-bottom:  	40px;
		/*margin-bottom:  	10px;*/
	}
	.commons_header_background
	{
		height:  				400px;
		background-position:	center center;
		background-repeat: 		no-repeat;
		background-size:  		cover;
		-moz-border-radius:		8px;
		-webkit-border-radius:	8px;
		border-radius:			8px;
	}
	.commons_header_background .commons_header_baseline
	{
		max-width:  		2000px;
		width:  			80%;
		margin:  			0 10%;
		right:  			0;
		left:  				0;
		padding:  			20px 60px;
		font-size:  		20pt;
	}
}

@media only screen /* Smartphone Horizontal */
and (max-width : 700px)
{
	#commons_header
	{
		margin-bottom:  		0;
		padding:  				60px 0;
		padding-bottom:  		10px;
	}
	.commons_header_title
	{
		padding-top:  		0;
	}

	.commons_header_background
	{
		height:  			300px;
	}
	.commons_header_background .commons_header_baseline
	{
		max-width:  			100%;
		margin:  				0;
		padding:  				30px 0;
		font-size:  			20pt;
		bottom:  				-70px;
		left:  					0;
		right:  				0;
		height:  				60px;
		width:  				auto;
		-moz-border-radius:		0 0 8px 8px;
		-webkit-border-radius:	0 0 8px 8px;
		border-radius:			0 0 8px 8px;
	}
}
@media only screen /* Smartphone Horizontal */
and (max-width : 500px)
{
	#commons_header
	{
		/*margin-bottom:  		30px;*/
	}

	.commons_header_background .commons_header_baseline
	{
		padding:  			30px 40px;
		font-size:  		16pt;
	}
}