.col{
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
	float: left;
}
.col-fluid{
	padding: 10px 1%;
}
.c1{
	width: 10%;
}
.c2{
	width: 20%;
}
.c3{
	width: 30%;
}
.c4{
	width: 40%;
}
.c5{
	width: 50%;
}
.c6{
	width: 60%;
}
.c7{
	width: 70%;
}
.c8{
	width: 80%;
}
.c9{
	width: 90%;
}
.c10{
	width: 100%;
}
.c1-offset{
	margin-left: 10%;
}
.c2-offset{
	margin-left: 20%;
}
.c3-offset{
	margin-left: 30%;
}
.c4-offset{
	margin-left: 40%;
}
.c5-offset{
	margin-left: 50%;
}
.c65{
	width: 35%;
}
.c35{
	width: 35%;
}
.c33{
	width: 33.33%;
}
.c26{
	width: 26%;
}
.c13{
	width: 13%;
}
.c35-offset{
	margin-left: 35%;
}
.container-div{
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}
/* mobile */
@media (min-width: 320px) and (max-width: 480px){
	.container-div{
		width: 100%;
	}
	.col-type-of-membership{
		width: 100%;
	}
}
/* tablet */
@media (min-width: 481px) and (max-width: 768px){
	.container-div{
		width: 100%;
	}
	.col-type-of-membership{
		width: 100%;
	}
}
/* small desktop */
@media (min-width: 769px) and (max-width: 991px){
	.container-div{
		width: 750px;
	}
	.col-type-of-membership{
		width: 50%;
	}
}
/*larger device*/
@media (min-width: 992px){
	.col-md-c10{
		width: 10%;
	}
	.col-md-c11{
		width: 11%;
	}
	.col-md-c12{
		width: 12%;
	}
	.col-md-c14{
		width: 14%;
	}
	.col-md-c15{
		width: 15%;
	}
	.col-md-c20{
		width: 20%;
	}
	.container-div{
		width: 970px;
	}
	.col-type-of-membership{
		width: 20%;
	}
}
@media (min-width: 1200px){
	.container-div{
		width: 1170px;
	}
}