/* Computer */

.columns {
	width: 100%;
	padding: 0;
	margin: 0;
}
.col     {width: 28%;}
.col-2   {width: 58%;}
.col-3   {width: 96%;}

.col,
.col-2,
.col-3 {
	float: left;
	display: block;
	padding: 2%;
	margin: 0 0 2% 1%;
}
.col-3 {margin-left: 0; margin-bottom: 2%;}

/*
.columns .col:nth-child(3n+1) {
	margin-left: 0;
	clear: left;
}
*/

/*container*/
.container {
	position: relative;
	width: 1100px;
	margin: 0 auto;
}

/* clearfix */
.clear {clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.clearfix:after {clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}
* html .clearfix,
*:first-child+html .clearfix {zoom:1}


/** media queries **/
/* tablet styles */
@media only screen and (max-width: 1099px) {

	.show-for-desktop {display: none;}
	.show-for-tablet  {display: block;}
	.show-for-mobile  {display: none;}

/*	.columns .col,
	.columns .col-2 {
		float: left;
		display: inline;
		width: 27%;
		padding: 2%;
		margin: 0 0 2% 2%;
	}*/
	.container {
		width: 100%!important;
		margin: 0;
	}

/*	.columns .col:first-child,
	.columns .col-2:first-child {
		margin-left: 0%;
		width: 48%;
	}
	.columns .col-2:last-child {
		width: 46%;
	}

	.columns .col:nth-child(3n+1) {
		margin-left: 2%;
	}
	.columns .col:nth-child(2n+1) {
		margin-left: 0;
		width: 48%;
	}*/

}

/* mobile */
@media only screen and (max-width: 480px) {

	.show-for-desktop {display: none;}
	.show-for-tablet  {display: none;}
	.show-for-mobile  {display: block;}
	.hide-for-mobile  {display: none;}

	.box {outline: none!important;}

	.columns .col,
	.columns .col-2 {
		width: 98%!important;
		padding: 1%!important;
		margin: 0 0 2%!important;
	}
	.container {
		width: 100%;
		margin: 0;
	}
	.navigation li a {
		font-size: 12px!important;
		letter-spacing: normal!important;
		font-weight: 400!important;
		padding: 0;
	}

}