.right {float: right}
.left {float: left}
img {max-width: 100%; height: auto}

/* shorthands for textaligns */
.tc {text-align: center}
.tl {text-align: left}
.tr {text-align: right}

.first {padding-left: 0; padding-right: 30px}
.last {padding-right: 0; padding-left: 30px}

.mt1 {margin-top: 15px}
.mt2 {margin-top: 30px}

.mb1 {margin-bottom: 15px}
.mb2 {margin-bottom: 30px}

/* EXTENDS BOOTSTRAP HELPER CLASSES */
 
/* lg */
@media(min-width:1200px){
	.lg-first {padding-left: 0; padding-right: 30px}
	.lg-last  {padding-right: 0; padding-left: 30px}
	
	.lg-tc {text-align: center}
	.lg-tl {text-align: left}
	.lg-tr {text-align: right}
	
	.lg-mt1 {margin-top: 15px}
	.lg-mt2 {margin-top: 30px}
	.lg-mb1 {margin-bottom: 15px}
	.lg-mb2 {margin-bottom: 30px}
	
	
}
/* md */
@media(min-width:992px){
	.md-first {padding-left: 0; padding-right: 30px}
	.md-last  {padding-right: 0; padding-left: 30px}
	
	.md-tc {text-align: center}
	.md-tl {text-align: left}
	.md-tr {text-align: right}

	.md-mt1 {margin-top: 15px}
	.md-mt2 {margin-top: 30px}
	.md-mb1 {margin-bottom: 15px}
	.md-mb2 {margin-bottom: 30px}	
}

/* sm */
@media(min-width:768px){
	.sm-first {padding-left: 0; padding-right: 30px}
	.sm-last  {padding-right: 0; padding-left: 30px}
	
	.sm-tc {text-align: center}
	.sm-tl {text-align: left}
	.sm-tr {text-align: right}

	.sm-mt1 {margin-top: 15px}
	.sm-mt2 {margin-top: 30px}
	.sm-mb1 {margin-bottom: 15px}
	.sm-mb2 {margin-bottom: 30px}	

}

@media(max-width:768px){
.xs-first {padding-left: 0; padding-right: 30px}
.xs-last  {padding-right: 0; padding-left: 30px}

	.xs-tc {text-align: center}
	.xs-tl {text-align: left}
	.xs-tr {text-align: right}
	
	.xs-tc {text-align: center}
	.xs-tl {text-align: left}
	.xs-tr {text-align: right}

	.xs-mt1 {margin-top: 15px}
	.xs-mt2 {margin-top: 30px}
	.xs-mb1 {margin-bottom: 15px}
	.xs-mb2 {margin-bottom: 30px}	
	
}