/* Percent Framework */
.wrapper{width:1280px; margin:0px auto; box-sizing:border-box; clear:both;}
.fullwrapper{width:100%; margin:0px auto; box-sizing:border-box; float:left; clear:both;}
.fullwrapper .wrapper{width:100%; max-width:1280px;}

.wrapper img, .fullwrapper img{max-width:100%; height:auto;}


@media only screen and (min-width: 961px) and (max-width: 1280px) {
	.wrapper{width:960px; margin:0px auto;}
}

@media only screen and (min-width: 769px) and (max-width: 960px) {
	.wrapper{width:768px; margin:0px auto;}
}

@media only screen and (min-width: 481px) and (max-width:768px) {
	.wrapper{width:480px; margin:0px auto;}
}

@media only screen and (min-width: 321px) and (max-width:480px) {
	.wrapper{width:320px; margin:0px auto;}
}

@media only screen and (max-width:320px) {
	.wrapper{width:100%; margin:0px auto; float:left; clear:both;}
}

.row{width:100%; float:left; clear:both; box-sizing:border-box;}
.row:after{content:"."; visibility:hidden; height:1px; clear:both; display:block;}
.one.row{width:6.25%; clear:none;}
.two.row{width:12.5%; clear:none;}
.three.row{width:18.75%; clear:none;}
.four.row{width:25%; clear:none;}
.five.row{width:31.25%; clear:none;}
.six.row{width:37.5%; clear:none;}
.seven.row{width:43.75%; clear:none;}
.eight.row{width:50%; clear:none;}
.nine.row{width:56.25%; clear:none;}
.ten.row{width:62.5%; clear:none;}
.eleven.row{width:68.75%; clear:none;}
.twelve.row{width:75%; clear:none;}
.thirteen.row{width:81.25%; clear:none;}
.fourteen.row{width:87.5%; clear:none;}
.fifteen.row{width:93.75%; clear:none;}
.sixteen.row{width:100%;}

@media only screen and (max-width:768px){
	.one.row,
	.two.row,
	.three.row,
	.four.row,
	.five.row,
	.six.row,
	.seven.row,
	.eight.row,
	.nine.row,
	.ten.row,
	.eleven.row,
	.twelve.row,
	.thirteen.row,
	.fourteen.row,
	.fifteen.row,
	.sixteen.row{width:100%; padding:0px 1%; clear:both;}
}


.one.columns{width:6.25%;}
.two.columns{width:12.5%;}
.three.columns{width:18.75%;}
.four.columns{width:25%;}
.five.columns{width:31.25%;}
.six.columns{width:37.5%;}
.seven.columns{width:43.75%;}
.eight.columns{width:50%;}
.nine.columns{width:56.25%;}
.ten.columns{width:62.5%;}
.eleven.columns{width:68.75%;}
.twelve.columns{width:75%;}
.thirteen.columns{width:81.25%;}
.fourteen.columns{width:87.5%;}
.fifteen.columns{width:93.75%;}
.sixteen.columns{width:100%;}

@media only screen and (max-width:768px) {
	.one.columns,
	.two.columns,
	.three.columns,
	.four.columns,
	.five.columns,
	.six.columns,
	.seven.columns,
	.eight.columns,
	.nine.columns,
	.ten.columns,
	.eleven.columns,
	.twelve.columns,
	.thirteen.columns,
	.fourteen.columns,
	.fifteen.columns,
	.sixteen.columns{width:100%; padding:0px 1%; clear:both;}
}

.columns{float:left; box-sizing:border-box; padding:0px 0.5%; min-height:1px;}
.columns .columns{padding:0px;}
.columns img{max-width:100%; height:auto;}

.half.columns{width:50%;}
.third.columns{width:calc(100% / 3);}
.qtr.columns{width:25%;}
.fifth.columns{width:20%;}
.sixth.columns{width:calc(100% / 6);}
.seventh.columns{width:calc(100% / 7);}
.eighth.columns{width:12.5%;}

.columns.offset-by-one{margin-left:6.25%;}
.columns.offset-by-two{margin-left:12.5%;}
.columns.offset-by-three{margin-left:18.75%;}
.columns.offset-by-four{margin-left:25%;}
.columns.offset-by-five{margin-left:31.25%;}
.columns.offset-by-six{margin-left:37.5%;}
.columns.offset-by-seven{margin-left:43.75%;}
.columns.offset-by-eight{margin-left:50%;}
.columns.offset-by-nine{margin-left:56.25%;}
.columns.offset-by-ten{margin-left:62.5%;}
.columns.offset-by-eleven{margin-left:68.75%;}
.columns.offset-by-twelve{margin-left:75%;}
.columns.offset-by-thirteen{margin-left:81.25%;}
.columns.offset-by-fourteen{margin-left:87.5%;}
.columns.offset-by-fifteen{margin-left:93.75%;}


@media only screen and (max-width:768px) {
	.columns{width:100%; clear:both;}

	.half.columns,
	.third.columns,
	.qtr.columns,
	.fifth.columns,
	.sixth.columns,
	.seventh.columns,
	.eighth.columns{width:100%; clear:both;}

	.columns.offset-by-one,
	.columns.offset-by-two,
	.columns.offset-by-three,
	.columns.offset-by-four,
	.columns.offset-by-five,
	.columns.offset-by-six,
	.columns.offset-by-seven,
	.columns.offset-by-eight,
	.columns.offset-by-nine,
	.columns.offset-by-ten,
	.columns.offset-by-eleven,
	.columns.offset-by-twelve,
	.columns.offset-by-thirteen,
	.columns.offset-by-fourteen,
	.columns.offset-by-fifteen{margin-left:0px; clear:both;}
}