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:block}a img{border:0}figure{position:relative}figure img{width:100%}
* { margin:0; padding:0;}
:focus {outline: 0; }

/* setting the base font size */
body {font-size:18px;}

/* structure and grid */
.full {
	margin: 0 auto;
	position: relative;
	min-width: 100%;
	width: 100vw;
	}

.height{
	overflow: auto;
}

.wrapper {
    margin:0 auto;
    padding:0;
    position:relative;
    width:1440px;
}

.wrapper::after {
  content: "";
  display: block;
  clear: both;
}

.wrapper_large {
    margin:0 auto;
    padding:0;
    position:relative;
    width:100%;
}


.row {margin-bottom:20px;}

.grid {
    display:inline;
    float:left;
    margin-left:10px;
    margin-right:10px;
    margin-bottom: 20px;
    position: relative;
 }

.col1, .col15, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 {
	margin-left:10px;
    margin-right:10px;
    margin-bottom: 20px;
    position: relative;
    float: left;
}

.col1 {width:calc(100% / 12 - 20px);}
.col15 {width:calc(100% / 12 * 1.5 - 20px);}
.col2 {width:calc(100% / 12 * 2 - 20px);}
.col3 {width:calc(100% / 12 * 3 - 20px);}
.col4 {width:calc(100% / 12 * 4 - 20px);}
.col5 {width:calc(100% / 12 * 5 - 20px);}
.col6 {width:calc(100% / 12 * 6 - 20px);}
.col7 {width:calc(100% / 12 * 7 - 20px);}
.col8 {width:calc(100% / 12 * 8 - 20px);}
.col9 {width:calc(100% / 12 * 9 - 20px);}
.col10 {width:calc(100% / 12 * 10 - 20px);}
.col11 {width:calc(100% / 12 * 11 - 20px);}
.col12 {width:calc(100% / 12 * 12 - 20px);}

/*  BREAK 1140  */

@media only screen and (min-width: 1160px) and (max-width: 1459px) {
/* setting the base font size */
	body {font-size:18px;}
	
/* structure and grid */
	.wrapper {width:1140px;}
	.wrapper_large {width: 100%}
	
}


/*  BREAK 960  */

@media only screen and (min-width: 980px) and (max-width: 1159px) {
/* setting the base font size */
	body {font-size:15px;}
	
/* structure and grid */
	.wrapper {width:960px;}
	.wrapper_large {width: 100%}
	
}

/*  BREAK 720  */

@media only screen and (min-width: 740px) and (max-width: 979px) {
/* setting the base font size */
	body {font-size:13px;}
	
/* structure and grid */
	.wrapper {width:720px;}
	.wrapper_large {width: 100%}
	.col1, .col2 {width:calc(100% / 6 - 20px);}
	.col3, .col4 {width:calc(100% / 6 * 2 - 20px);}
	.col5, .col6 {width:calc(100% / 6 * 3 - 20px);}
	.col7, .col8 {width:calc(100% / 6 * 4 - 20px);}
	.col9, .col10 {width:calc(100% / 6 * 4 - 20px);}
	.col11, .col12 {width:calc(100% / 6 * 6 - 20px);}

}
	
/*  BREAK 480  */


@media only screen and (min-width: 480px) and (max-width: 739px) {
/* setting the base font size */
	body {font-size: 11px;}
	
/* structure and grid */
	.wrapper {width:480px;}
	.wrapper_large {width: 100%}
	.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 {width: calc(100% - 20px);}
	
}

/*  BREAK 300  */

@media only screen and (max-width: 479px) {
/* setting the base font size */
	body {font-size: 11px;}
/* structure and grid */
	.wrapper {width:320px;}
	.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 {width: calc(100% - 20px);}

}