/* CSS Resets */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,q,small,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption, tbody,tfoot,thead,tr,th,td {border:0;margin:0;padding:0;}
article,aside,figure,figure img,figcaption,hgroup,footer,header,nav,section,video,object {display:inline-block;}
a img{border:0;}
figure{position:relative;}
figure img{width:100%;} 
input[type="image"] {width: auto; max-width: 100%;}
/* END CSS Resets */

html {
	font-size: 10px;
}

body {
	font-size: 1.2rem;
}

/*body:after {
	visibility:hidden;
	content: "sm-screen";
}*/

.row, body, .grid {
	min-width: 0;
}

.grid:after, .row:after {
  content: "";
  display: table;
  clear: both;
}


.grid , .row, .col{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.row {
	width: 100%;
	max-width: 1200px;
	min-width: 1px;
	margin: 0 auto;
	overflow: hidden;
}

.row.full-length {
	max-width: 100%;
}

.col {
	float: left;
	min-height: 1px;
	width: 100%;
	padding: 5px;
	position:relative;
}

.row.no-padding .col,
.col.no-padding {
	padding: 0;
}


img, object, embed {
	max-width: 100%;
}

img {
	height: auto;
}

.text-left {
	text-align: left;
}

.text-right {
	text-align: right;
}

.text-center {
	text-align: center;
}

.sm-1  { width: 8.333%;  }
.sm-2  { width: 16.6667%; }
.sm-3  { width: 25.00%; }
.sm-4  { width: 33.333%; }
.sm-5  { width: 41.667%; }
.sm-6  { width: 50.00%; }
.sm-7  { width: 58.333%; }
.sm-8  { width: 66.667%; }
.sm-9  { width: 75.00%; }
.sm-10 { width: 83.333%;}
.sm-11 { width: 91.667%;} 
.sm-12 { width: 100%;  }


.push-1  { left: 8.333%;  }
.push-2  { left: 16.6667%; }
.push-3  { left: 25.00%; }
.push-4  { left: 33.333%; }
.push-5  { left: 41.667%; }
.push-6  { left: 50.00%; }
.push-7  { left: 58.333%; }
.push-8  { left: 66.667%; }
.push-9  { left: 75.00%; }
.push-10 { left: 83.333%;}
.push-11 { left: 91.667%;} 
.push-12 { left: 100%;  }

.pull-1  { right: 8.333%;  }
.pull-2  { right: 16.6667%; }
.pull-3  { right: 25.00%; }
.pull-4  { right: 33.333%; }
.pull-5  { right: 41.667%; }
.pull-6  { right: 50.00%; }
.pull-7  { right: 58.333%; }
.pull-8  { right: 66.667%; }
.pull-9  { right: 75.00%; }
.pull-10 { right: 83.333%;}
.pull-11 { right: 91.667%;} 
.pull-12 { right: 100%;  }


@media handheld, only screen and (max-width: 767px) {

	.row.sm-full-length {
		max-width: 100%;
	}
	
	.sm-push-1  { left: 8.333%;  }
	.sm-push-2  { left: 16.6667%; }
	.sm-push-3  { left: 25.00%; }
	.sm-push-4  { left: 33.333%; }
	.sm-push-5  { left: 41.667%; }
	.sm-push-6  { left: 50.00%; }
	.sm-push-7  { left: 58.333%; }
	.sm-push-8  { left: 66.667%; }
	.sm-push-9  { left: 75.00%; }
	.sm-push-10 { left: 83.333%;}
	.sm-push-11 { left: 91.667%;} 
	.sm-push-12 { left: 100%;  }

	.sm-pull-1  { right: 8.333%;  }
	.sm-pull-2  { right: 16.6667%; }
	.sm-pull-3  { right: 25.00%; }
	.sm-pull-4  { right: 33.333%; }
	.sm-pull-5  { right: 41.667%; }
	.sm-pull-6  { right: 50.00%; }
	.sm-pull-7  { right: 58.333%; }
	.sm-pull-8  { right: 66.667%; }
	.sm-pull-9  { right: 75.00%; }
	.sm-pull-10 { right: 83.333%;}
	.sm-pull-11 { right: 91.667%;} 
	.sm-pull-12 { right: 100%;  }

	.sm-text-left {
		text-align: left;
	}

	.sm-text-right {
		text-align: right;
	}

	.sm-text-center {
		text-align: center;
	}
	
	.sm-hide {
		display: none;
	}

	.sm-only {
		display: inline-block;
	}


	.md-only, .lg-only {
		display: none;
	}
	
	.row.sm-no-padding .col,
	.col.sm-no-padding {
		padding: 0;
	}
	
}

/* large screen */


@media only screen and (min-width: 768px) {
	body {
		font-size: 1.6rem;
	}

	/*body:after {
		content: "lg-screen";
	}*/

	.row.lg-full-length {
		max-width: 100%;
	}


	.lg-push-1 {
		left: 8.333%;
	}

	.lg-push-2 {
		left: 16.6667%;
	}

	.lg-push-3 {
		left: 25.00%;
	}

	.lg-push-4 {
		left: 33.333%;
	}

	.lg-push-5 {
		left: 41.667%;
	}

	.lg-push-6 {
		left: 50.00%;
	}

	.lg-push-7 {
		left: 58.333%;
	}

	.lg-push-8 {
		left: 66.667%;
	}

	.lg-push-9 {
		left: 75.00%;
	}

	.lg-push-10 {
		left: 83.333%;
	}

	.lg-push-11 {
		left: 91.667%;
	}

	.lg-push-12 {
		left: 100%;
	}

	.lg-pull-1 {
		right: 8.333%;
	}

	.lg-pull-2 {
		right: 16.6667%;
	}

	.lg-pull-3 {
		right: 25.00%;
	}

	.lg-pull-4 {
		right: 33.333%;
	}

	.lg-pull-5 {
		right: 41.667%;
	}

	.lg-pull-6 {
		right: 50.00%;
	}

	.lg-pull-7 {
		right: 58.333%;
	}

	.lg-pull-8 {
		right: 66.667%;
	}

	.lg-pull-9 {
		right: 75.00%;
	}

	.lg-pull-10 {
		right: 83.333%;
	}

	.lg-pull-11 {
		right: 91.667%;
	}

	.lg-pull-12 {
		right: 100%;
	}


	.lg-hide {
		display: none;
	}

	.lg-only {
		display: inline-block;
	}

	.sm-only, .md-only {
		display: none;
	}

	.lg-text-left {
		text-align: left;
	}

	.lg-text-right {
		text-align: right;
	}

	.lg-text-center {
		text-align: center;
	}

	.row.lg-no-padding .col,
	.col.lg-no-padding {
		padding: 0;
	}

	.lg-1 {
		width: 8.333%;
	}

	.lg-2 {
		width: 16.667%;
	}

	.lg-3 {
		width: 25.00%;
	}

	.lg-4 {
		width: 33.333%;
	}

	.lg-5 {
		width: 41.667%;
	}

	.lg-6 {
		width: 50.00%;
	}

	.lg-7 {
		width: 58.333%;
	}

	.lg-8 {
		width: 66.667%;
	}

	.lg-9 {
		width: 75.00%;
	}

	.lg-10 {
		width: 83.333%;
	}

	.lg-11 {
		width: 91.667%;
	}

	.lg-12 {
		width: 100%;
	}
}