/*MARGIN XS
------------------------------------*/
@media (max-width: 767px) {
	.margin-top-xs-10 {
		margin-top: 10px;
	}
	.margin-top-xs-20 {
		margin-top: 20px;
	}
	.margin-top-xs-30 {
		margin-top: 30px;
	}
	.margin-top-xs-40 {
		margin-top: 40px;
	}
	.margin-top-xs-50 {
		margin-top: 50px;
	}
	.margin-top-xs-60 {
		margin-top: 60px;
	}
	.margin-top-xs-70 {
		margin-top: 70px;
	}
	.margin-top-xs-80 {
		margin-top: 80px;
	}
	.margin-bottom-xs-10 {
		margin-bottom: 10px;
	}
	.margin-bottom-xs-20 {
		margin-bottom: 20px;
	}
	.margin-bottom-xs-30 {
		margin-bottom: 30px;
	}
	.margin-bottom-xs-40 {
		margin-bottom: 40px;
	}
	.margin-bottom-xs-50 {
		margin-bottom: 50px;
	}
	.margin-bottom-xs-60 {
		margin-bottom: 60px;
	}
	.margin-bottom-xs-70 {
		margin-bottom: 70px;
	}
	.margin-bottom-xs-80 {
		margin-bottom: 80px;
	}
	.margin-left-xs-10 {
		margin-left: 10px;
	}
	.margin-left-xs-20 {
		margin-left: 20px;
	}
	.margin-left-xs-30 {
		margin-left: 30px;
	}
	.margin-left-xs-40 {
		margin-left: 40px;
	}
	.margin-left-xs-50 {
		margin-left: 50px;
	}
	.margin-left-xs-60 {
		margin-left: 60px;
	}
	.margin-left-xs-70 {
		margin-left: 70px;
	}
	.margin-left-xs-80 {
		margin-left: 80px;
	}
	.margin-right-xs-10 {
		margin-right: 10px;
	}
	.margin-right-xs-20 {
		margin-right: 20px;
	}
	.margin-right-xs-30 {
		margin-right: 30px;
	}
	.margin-right-xs-40 {
		margin-right: 40px;
	}
	.margin-right-xs-50 {
		margin-right: 50px;
	}
	.margin-right-xs-60 {
		margin-right: 60px;
	}
	.margin-right-xs-70 {
		margin-right: 70px;
	}
	.margin-right-xs-80 {
		margin-right: 80px;
	}
	
	.btn-green {
		display: block;
		width:100%;
	}
	.btn-blue {
		display: block;
		width:100%;
	}
	.btn-bluelight {
		display: block;
		width:100%;
	}
	.btn-red {
		display: block;
		width:100%;
	}
	.btn-yellow {
		display: block;
		width:100%;
	}
	.btn-orange {
		display: block;
		width:100%;
	}
	.btn-purple {
		display: block;
		width:100%;
	}
	.btn-pink {
		display: block;
		width:100%;
	}
	.btn-gray {
		display: block;
		width:100%;
	}
	.btn-white {
		display: block;
		width:100%;
	}
	.btn-black {
		display: block;
		width:100%;
	}

}

/*MARGIN SM
------------------------------------*/
@media (min-width: 768px) and (max-width: 790px) {
	.margin-top-sm-10 {
		margin-top: 10px;
	}
	.margin-top-sm-20 {
		margin-top: 20px;
	}
	.margin-top-sm-30 {
		margin-top: 30px;
	}
	.margin-top-sm-40 {
		margin-top: 40px;
	}
	.margin-top-sm-50 {
		margin-top: 50px;
	}
	.margin-top-sm-60 {
		margin-top: 60px;
	}
	.margin-top-sm-70 {
		margin-top: 70px;
	}
	.margin-top-sm-80 {
		margin-top: 80px;
	}
	.margin-bottom-sm-10 {
		margin-bottom: 10px;
	}
	.margin-bottom-sm-20 {
		margin-bottom: 20px;
	}
	.margin-bottom-sm-30 {
		margin-bottom: 30px;
	}
	.margin-bottom-sm-40 {
		margin-bottom: 40px;
	}
	.margin-bottom-sm-50 {
		margin-bottom: 50px;
	}
	.margin-bottom-sm-60 {
		margin-bottom: 60px;
	}
	.margin-bottom-sm-70 {
		margin-bottom: 70px;
	}
	.margin-bottom-sm-80 {
		margin-bottom: 80px;
	}
	.margin-left-sm-10 {
		margin-left: 10px;
	}
	.margin-left-sm-20 {
		margin-left: 20px;
	}
	.margin-left-sm-30 {
		margin-left: 30px;
	}
	.margin-left-sm-40 {
		margin-left: 40px;
	}
	.margin-left-sm-50 {
		margin-left: 50px;
	}
	.margin-left-sm-60 {
		margin-left: 60px;
	}
	.margin-left-sm-70 {
		margin-left: 70px;
	}
	.margin-left-sm-80 {
		margin-left: 80px;
	}
	.margin-right-sm-10 {
		margin-right: 10px;
	}
	.margin-right-sm-20 {
		margin-right: 20px;
	}
	.margin-right-sm-30 {
		margin-right: 30px;
	}
	.margin-right-sm-40 {
		margin-right: 40px;
	}
	.margin-right-sm-50 {
		margin-right: 50px;
	}
	.margin-right-sm-60 {
		margin-right: 60px;
	}
	.margin-right-sm-70 {
		margin-right: 70px;
	}
	.margin-right-sm-80 {
		margin-right: 80px;
	}	
	
	.btn-green {
		display: block;
		width:100%;
	}
	.btn-blue {
		display: block;
		width:100%;
	}
	.btn-bluelight {
		display: block;
		width:100%;
	}
	.btn-red {
		display: block;
		width:100%;
	}
	.btn-yellow {
		display: block;
		width:100%;
	}
	.btn-orange {
		display: block;
		width:100%;
	}
	.btn-purple {
		display: block;
		width:100%;
	}
	.btn-pink {
		display: block;
		width:100%;
	}
	.btn-gray {
		display: block;
		width:100%;
	}
	.btn-white {
		display: block;
		width:100%;
	}
	.btn-black {
		display: block;
		width:100%;
	}
}

/*MARGIN MD
------------------------------------*/
@media (min-width: 791px) and (max-width: 1199px) {
	.margin-top-md-10 {
		margin-top: 10px;
	}
	.margin-top-md-20 {
		margin-top: 20px;
	}
	.margin-top-md-30 {
		margin-top: 30px;
	}
	.margin-top-md-40 {
		margin-top: 40px;
	}
	.margin-top-md-50 {
		margin-top: 50px;
	}
	.margin-top-md-60 {
		margin-top: 60px;
	}
	.margin-top-md-70 {
		margin-top: 70px;
	}
	.margin-top-md-80 {
		margin-top: 80px;
	}
	.margin-bottom-md-10 {
		margin-bottom: 10px;
	}
	.margin-bottom-md-20 {
		margin-bottom: 20px;
	}
	.margin-bottom-md-30 {
		margin-bottom: 30px;
	}
	.margin-bottom-md-40 {
		margin-bottom: 40px;
	}
	.margin-bottom-md-50 {
		margin-bottom: 50px;
	}
	.margin-bottom-md-60 {
		margin-bottom: 60px;
	}
	.margin-bottom-md-70 {
		margin-bottom: 70px;
	}
	.margin-bottom-md-80 {
		margin-bottom: 80px;
	}
	.margin-left-md-10 {
		margin-left: 10px;
	}
	.margin-left-md-20 {
		margin-left: 20px;
	}
	.margin-left-md-30 {
		margin-left: 30px;
	}
	.margin-left-md-40 {
		margin-left: 40px;
	}
	.margin-left-md-50 {
		margin-left: 50px;
	}
	.margin-left-md-60 {
		margin-left: 60px;
	}
	.margin-left-md-70 {
		margin-left: 70px;
	}
	.margin-left-md-80 {
		margin-left: 80px;
	}
	.margin-right-md-10 {
		margin-right: 10px;
	}
	.margin-right-md-20 {
		margin-right: 20px;
	}
	.margin-right-md-30 {
		margin-right: 30px;
	}
	.margin-right-md-40 {
		margin-right: 40px;
	}
	.margin-right-md-50 {
		margin-right: 50px;
	}
	.margin-right-md-60 {
		margin-right: 60px;
	}
	.margin-right-md-70 {
		margin-right: 70px;
	}
	.margin-right-md-80 {
		margin-right: 80px;
	}
	
}

/*MARGIN LG
------------------------------------*/
@media (min-width: 1200px) {
	.margin-top-lg-10 {
		margin-top: 10px;
	}
	.margin-top-lg-20 {
		margin-top: 20px;
	}
	.margin-top-lg-30 {
		margin-top: 30px;
	}
	.margin-top-lg-40 {
		margin-top: 40px;
	}
	.margin-top-lg-50 {
		margin-top: 50px;
	}
	.margin-top-lg-60 {
		margin-top: 60px;
	}
	.margin-top-lg-70 {
		margin-top: 70px;
	}
	.margin-top-lg-80 {
		margin-top: 80px;
	}
	.margin-bottom-lg-10 {
		margin-bottom: 10px;
	}
	.margin-bottom-lg-20 {
		margin-bottom: 20px;
	}
	.margin-bottom-lg-30 {
		margin-bottom: 30px;
	}
	.margin-bottom-lg-40 {
		margin-bottom: 40px;
	}
	.margin-bottom-lg-50 {
		margin-bottom: 50px;
	}
	.margin-bottom-lg-60 {
		margin-bottom: 60px;
	}
	.margin-bottom-lg-70 {
		margin-bottom: 70px;
	}
	.margin-bottom-lg-80 {
		margin-bottom: 80px;
	}
	.margin-left-lg-10 {
		margin-left: 10px;
	}
	.margin-left-lg-20 {
		margin-left: 20px;
	}
	.margin-left-lg-30 {
		margin-left: 30px;
	}
	.margin-left-lg-40 {
		margin-left: 40px;
	}
	.margin-left-lg-50 {
		margin-left: 50px;
	}
	.margin-left-lg-60 {
		margin-left: 60px;
	}
	.margin-left-lg-70 {
		margin-left: 70px;
	}
	.margin-left-lg-80 {
		margin-left: 80px;
	}
	.margin-right-lg-10 {
		margin-right: 10px;
	}
	.margin-right-lg-20 {
		margin-right: 20px;
	}
	.margin-right-lg-30 {
		margin-right: 30px;
	}
	.margin-right-lg-40 {
		margin-right: 40px;
	}
	.margin-right-lg-50 {
		margin-right: 50px;
	}
	.margin-right-lg-60 {
		margin-right: 60px;
	}
	.margin-right-lg-70 {
		margin-right: 70px;
	}
	.margin-right-lg-80 {
		margin-right: 80px;
	}	
}

/*MARGIN GENERAL
------------------------------------*/
	.margin-top-10 {
		margin-top: 10px;
	}
	.margin-top-20 {
		margin-top: 20px;
	}
	.margin-top-30 {
		margin-top: 30px;
	}
	.margin-top-40 {
		margin-top: 40px;
	}
	.margin-top-50 {
		margin-top: 50px;
	}
	.margin-top-60 {
		margin-top: 60px;
	}
	.margin-top-70 {
		margin-top: 70px;
	}
	.margin-top-80 {
		margin-top: 80px;
	}
	.margin-bottomg-10 {
		margin-bottom: 10px;
	}
	.margin-bottom-20 {
		margin-bottom: 20px;
	}
	.margin-bottom-30 {
		margin-bottom: 30px;
	}
	.margin-bottom-40 {
		margin-bottom: 40px;
	}
	.margin-bottom-50 {
		margin-bottom: 50px;
	}
	.margin-bottom-60 {
		margin-bottom: 60px;
	}
	.margin-bottom-70 {
		margin-bottom: 70px;
	}
	.margin-bottom-80 {
		margin-bottom: 80px;
	}
	.margin-left-10 {
		margin-left: 10px;
	}
	.margin-left-20 {
		margin-left: 20px;
	}
	.margin-left-30 {
		margin-left: 30px;
	}
	.margin-left-40 {
		margin-left: 40px;
	}
	.margin-left-50 {
		margin-left: 50px;
	}
	.margin-left-60 {
		margin-left: 60px;
	}
	.margin-left-70 {
		margin-left: 70px;
	}
	.margin-left-80 {
		margin-left: 80px;
	}
	.margin-right-lg-10 {
		margin-right: 10px;
	}
	.margin-right-20 {
		margin-right: 20px;
	}
	.margin-right-30 {
		margin-right: 30px;
	}
	.margin-right-40 {
		margin-right: 40px;
	}
	.margin-right-50 {
		margin-right: 50px;
	}
	.margin-right-60 {
		margin-right: 60px;
	}
	.margin-right-70 {
		margin-right: 70px;
	}
	.margin-right-80 {
		margin-right: 80px;
	}	


/*PADDING XS
------------------------------------*/
@media (max-width: 767px) {
	.padding-top-xs-10 {
		padding-top: 10px;
	}
	.padding-top-xs-20 {
		padding-top: 20px;
	}
	.padding-top-xs-30 {
		padding-top: 30px;
	}
	.padding-top-xs-40 {
		padding-top: 40px;
	}
	.padding-top-xs-50 {
		padding-top: 50px;
	}
	.padding-top-xs-60 {
		padding-top: 60px;
	}
	.padding-top-xs-70 {
		padding-top: 70px;
	}
	.padding-top-xs-80 {
		padding-top: 80px;
	}
	.padding-bottom-xs-10 {
		padding-bottom: 10px;
	}
	.padding-bottom-xs-20 {
		padding-bottom: 20px;
	}
	.padding-bottom-xs-30 {
		padding-bottom: 30px;
	}
	.padding-bottom-xs-40 {
		padding-bottom: 40px;
	}
	.padding-bottom-xs-50 {
		padding-bottom: 50px;
	}
	.padding-bottom-xs-60 {
		padding-bottom: 60px;
	}
	.padding-bottom-xs-70 {
		padding-bottom: 70px;
	}
	.padding-bottom-xs-80 {
		padding-bottom: 80px;
	}
	.padding-left-xs-10 {
		padding-left: 10px;
	}
	.padding-left-xs-20 {
		padding-left: 20px;
	}
	.padding-left-xs-30 {
		paddingn-left: 30px;
	}
	.padding-left-xs-40 {
		padding-left: 40px;
	}
	.padding-left-xs-50 {
		padding-left: 50px;
	}
	.padding-left-xs-60 {
		padding-left: 60px;
	}
	.padding-left-xs-70 {
		padding-left: 70px;
	}
	.padding-left-xs-80 {
		padding-left: 80px;
	}
	.padding-right-xs-10 {
		padding-right: 10px;
	}
	.padding-right-xs-20 {
		padding-right: 20px;
	}
	.padding-right-xs-30 {
		padding-right: 30px;
	}
	.padding-right-xs-40 {
		padding-right: 40px;
	}
	.padding-right-xs-50 {
		padding-right: 50px;
	}
	.padding-right-xs-60 {
		padding-right: 60px;
	}
	.padding-right-xs-70 {
		padding-right: 70px;
	}
	.padding-right-xs-80 {
		padding-right: 80px;
	}	

}

/*PADDING SM
------------------------------------*/
@media (min-width: 768px) and (max-width: 790px) {
	.padding-top-sm-10 {
		padding-top: 10px;
	}
	.padding-top-sm-20 {
		padding-top: 20px;
	}
	.padding-top-sm-30 {
		padding-top: 30px;
	}
	.padding-top-sm-40 {
		padding-top: 40px;
	}
	.padding-top-sm-50 {
		padding-top: 50px;
	}
	.padding-top-sm-60 {
		padding-top: 60px;
	}
	.padding-top-sm-70 {
		padding-top: 70px;
	}
	.padding-top-sm-80 {
		padding-top: 80px;
	}
	.padding-bottom-sm-10 {
		padding-bottom: 10px;
	}
	.padding-bottom-sm-20 {
		padding-bottom: 20px;
	}
	.padding-bottom-sm-30 {
		padding-bottom: 30px;
	}
	.padding-bottom-sm-40 {
		padding-bottom: 40px;
	}
	.padding-bottom-sm-50 {
		padding-bottom: 50px;
	}
	.padding-bottom-sm-60 {
		padding-bottom: 60px;
	}
	.padding-bottom-sm-70 {
		padding-bottom: 70px;
	}
	.padding-bottom-sm-80 {
		padding-bottom: 80px;
	}
	.padding-left-sm-10 {
		padding-left: 10px;
	}
	.padding-left-sm-20 {
		padding-left: 20px;
	}
	.padding-left-sm-30 {
		padding-left: 30px;
	}
	.padding-left-sm-40 {
		padding-left: 40px;
	}
	.padding-left-sm-50 {
		padding-left: 50px;
	}
	.padding-left-sm-60 {
		padding-left: 60px;
	}
	.padding-left-sm-70 {
		padding-left: 70px;
	}
	.padding-left-sm-80 {
		padding-left: 80px;
	}
	.padding-right-sm-10 {
		padding-right: 10px;
	}
	.padding-right-sm-20 {
		paddingn-right: 20px;
	}
	.padding-right-sm-30 {
		padding-right: 30px;
	}
	.padding-right-sm-40 {
		padding-right: 40px;
	}
	.padding-right-sm-50 {
		padding-right: 50px;
	}
	.padding-right-sm-60 {
		padding-right: 60px;
	}
	.padding-right-sm-70 {
		padding-right: 70px;
	}
	.padding-right-sm-80 {
		padding-right: 80px;
	}	
}

/*PADDING MD
------------------------------------*/
@media (min-width: 791px) and (max-width: 1199px) {
	.padding-top-md-10 {
		padding-top: 10px;
	}
	.padding-top-md-20 {
		margin-top: 20px;
	}
	.padding-top-md-30 {
		padding-top: 30px;
	}
	.padding-top-md-40 {
		padding-top: 40px;
	}
	.padding-top-md-50 {
		padding-top: 50px;
	}
	.padding-top-md-60 {
		padding-top: 60px;
	}
	.padding-top-md-70 {
		padding-top: 70px;
	}
	.padding-top-md-80 {
		padding-top: 80px;
	}
	.padding-bottom-md-10 {
		padding-bottom: 10px;
	}
	.padding-bottom-md-20 {
		padding-bottom: 20px;
	}
	.padding-bottom-md-30 {
		padding-bottom: 30px;
	}
	.padding-bottom-md-40 {
		padding-bottom: 40px;
	}
	.padding-bottom-md-50 {
		padding-bottom: 50px;
	}
	.padding-bottom-md-60 {
		padding-bottom: 60px;
	}
	.padding-bottom-md-70 {
		padding-bottom: 70px;
	}
	.padding-bottom-md-80 {
		padding-bottom: 80px;
	}
	.padding-left-md-10 {
		padding-left: 10px;
	}
	.padding-left-md-20 {
		padding-left: 20px;
	}
	.padding-left-md-30 {
		padding-left: 30px;
	}
	.padding-left-md-40 {
		padding-left: 40px;
	}
	.padding-left-md-50 {
		padding-left: 50px;
	}
	.padding-left-md-60 {
		padding-left: 60px;
	}
	.padding-left-md-70 {
		padding-left: 70px;
	}
	.padding-left-md-80 {
		padding-left: 80px;
	}
	.padding-right-md-10 {
		padding-right: 10px;
	}
	.padding-right-md-20 {
		padding-right: 20px;
	}
	.padding-right-md-30 {
		padding-right: 30px;
	}
	.padding-right-md-40 {
		padding-right: 40px;
	}
	.padding-right-md-50 {
		padding-right: 50px;
	}
	.padding-right-md-60 {
		padding-right: 60px;
	}
	.padding-right-md-70 {
		padding-right: 70px;
	}
	.padding-right-md-80 {
		padding-right: 80px;
	}	
}

/*PADDING LG
------------------------------------*/
@media (min-width: 1200px) {
	.padding-top-lg-10 {
		padding-top: 10px;
	}
	.padding-top-lg-20 {
		padding-top: 20px;
	}
	.padding-top-lg-30 {
		padding-top: 30px;
	}
	.padding-top-lg-40 {
		padding-top: 40px;
	}
	.padding-top-lg-50 {
		padding-top: 50px;
	}
	.padding-top-lg-60 {
		padding-top: 60px;
	}
	.padding-top-lg-70 {
		padding-top: 70px;
	}
	.padding-top-lg-80 {
		padding-top: 80px;
	}
	.padding-bottom-lg-10 {
		padding-bottom: 10px;
	}
	.padding-bottom-lg-20 {
		padding-bottom: 20px;
	}
	.padding-bottom-lg-30 {
		padding-bottom: 30px;
	}
	.padding-bottom-lg-40 {
		padding-bottom: 40px;
	}
	.padding-bottom-lg-50 {
		padding-bottom: 50px;
	}
	.padding-bottom-lg-60 {
		padding-bottom: 60px;
	}
	.padding-bottom-lg-70 {
		padding-bottom: 70px;
	}
	.padding-bottom-lg-80 {
		padding-bottom: 80px;
	}
	.padding-left-lg-10 {
		padding-left: 10px;
	}
	.padding-left-lg-20 {
		padding-left: 20px;
	}
	.padding-left-lg-30 {
		padding-left: 30px;
	}
	.padding-left-lg-40 {
		padding-left: 40px;
	}
	.padding-left-lg-50 {
		padding-left: 50px;
	}
	.padding-left-lg-60 {
		padding-left: 60px;
	}
	.padding-left-lg-70 {
		padding-left: 70px;
	}
	.padding-left-lg-80 {
		padding-left: 80px;
	}
	.padding-right-lg-10 {
		padding-right: 10px;
	}
	.padding-right-lg-20 {
		padding-right: 20px;
	}
	.padding-right-lg-30 {
		padding-right: 30px;
	}
	.padding-right-lg-40 {
		padding-right: 40px;
	}
	.padding-right-lg-50 {
		padding-right: 50px;
	}
	.padding-right-lg-60 {
		padding-right: 60px;
	}
	.padding-right-lg-70 {
		padding-right: 70px;
	}
	.padding-right-lg-80 {
		padding-right: 80px;
	}	
}

/*PADDING GENERAL
------------------------------------*/
	.padding-top-10 {
		padding-top: 10px;
	}
	.padding-top-20 {
		padding-top: 20px;
	}
	.padding-top-30 {
		padding-top: 30px;
	}
	.padding-top-40 {
		padding-top: 40px;
	}
	.padding-top-50 {
		padding-top: 50px;
	}
	.padding-top-60 {
		padding-top: 60px;
	}
	.padding-top-70 {
		padding-top: 70px;
	}
	.padding-top-80 {
		padding-top: 80px;
	}
	.padding-bottomg-10 {
		padding-bottom: 10px;
	}
	.padding-bottom-20 {
		padding-bottom: 20px;
	}
	.padding-bottom-30 {
		padding-bottom: 30px;
	}
	.padding-bottom-40 {
		padding-bottom: 40px;
	}
	.padding-bottom-50 {
		padding-bottom: 50px;
	}
	.padding-bottom-60 {
		padding-bottom: 60px;
	}
	.padding-bottom-70 {
		padding-bottom: 70px;
	}
	.padding-bottom-80 {
		padding-bottom: 80px;
	}
	.padding-left-10 {
		padding-left: 10px;
	}
	.padding-left-20 {
		padding-left: 20px;
	}
	.padding-left-30 {
		padding-left: 30px;
	}
	.padding-left-40 {
		padding-left: 40px;
	}
	.padding-left-50 {
		padding-left: 50px;
	}
	.padding-left-60 {
		padding-left: 60px;
	}
	.padding-left-70 {
		padding-left: 70px;
	}
	.padding-left-80 {
		paddingn-left: 80px;
	}
	.padding-right-lg-10 {
		padding-right: 10px;
	}
	.padding-right-20 {
		padding-right: 20px;
	}
	.padding-right-30 {
		padding-right: 30px;
	}
	.padding-right-40 {
		padding-right: 40px;
	}
	.padding-right-50 {
		padding-right: 50px;
	}
	.padding-right-60 {
		padding-right: 60px;
	}
	.padding-right-70 {
		padding-right: 70px;
	}
	.padding-right-80 {
		padding-right: 80px;
	}