#content-container{
	float: left;
	width: 100%;
	margin: 40px 0 50px 0;
	position: relative;
	z-index: 30;
}
	#content{
		max-width: 1400px;
		padding: 0 40px;
		margin: 0 auto;
		box-sizing: border-box;
	}
		#title{
			float: left;
			width: 100%;
			margin-bottom: 30px;
		}
		#top{
			float: left;
			width: 100%;
			margin-bottom: 30px;
		}
		#left{
			float: left;
			width: 48%;
			margin-right: 4%;
			margin-bottom: 30px;
		}
		#right{
			float: left;
			width: 48%;
			margin-bottom: 30px;
		}
		#bottom{
			float: left;
			width: 100%;
		}

/********************************************************************************************************************/
/********************************************************************************************************************/
/********************************************************************************************************************/

@media (max-width: 960px){


	#content{
		padding: 0 10px;
	}
	#title{
		width: 88%;
		padding: 0 6% 30px 6%;
	}
	#top{
		width: 88%;
		padding: 0 6%;
	}
	#left{
		width: 88%;
		padding: 0 6% 30px 6%;
	}
	#right{
		width: 88%;
		padding: 0 6% 30px 6%;
	}
	#bottom{
		width: 88%;
		padding: 0 6%;
	}
}

@media (max-width: 600px){
	#title{
		width: 80%;
		padding: 0px 10% 2%;
	}
	#top{
		width: 80%;
		padding: 0px 10% 2%;
	}
	#left {
		width: 80%;
		padding: 0px 10% 2%;
	}
	#right {
		width: 80%;
		padding: 0px 10% 2%;
	}

	#bottom{
		width: 80%;
		padding: 0 10%;
	}
}