@-ms-viewport{
    width: device-width;
}

/* OTHER */
/*.right {float: right}
.left {float: left}*/
img {max-width: 100%; height: auto}
.nopad {padding-left: 0; padding-right: 0;}

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

.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){
	
	.container-lg {width: 1260px}
	
	.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-tj {text-align: justify}
	
}
/* md */
@media(min-width:992px){
	
	.container-md {width: 970px}
	
	.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-tj {text-align: justify}
	
}

/* sm */
@media(min-width:768px){
	
	.container-sm {width: 750px}
	
	.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-tj {text-align: justify}
	
}

@media(max-width:768px){
	/* xs */
	.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-tj {text-align: justify}
}