
#maincontent{
	width:50%;
	margin:auto;
}

.secrow{
	display:flex;
}
.seccol{
	 flex: 50%;
     max-width:500px;
     margin:auto;
}
.secimg{
	max-width:500px;
	padding: 15px;
}
.coltext{
	padding-left: 15px;
}
.sectitle{
	text-align: center;
}
.seccontent{
	margin:auto;
    padding-left: 50%;
    padding-bottom: 50px;
}

@media only screen and (max-width: 2000px) {
	#maincontent{
		width:70%;
	}
}
@media only screen and (max-width: 1500px) {
	#maincontent{
		width:80%;
	}
}
@media only screen and (max-width: 1300px) {
	#maincontent{
		width:90%;
	}
	.secimg{
		max-width:450px;
	}
}
@media only screen and (max-width: 1000px) {
	#maincontent{
		width:100%;
	}
	.secimg{
		max-width:400px;
	}
}
@media only screen and (max-width: 800px) {
	#maincontent{
		width:100%;
	}
	.secimg{
		max-width:350px;
	}
}