/* 
* Preceded by: normalize.css v8.0.1 (Nicolas Gallagher, co: Jonathan Neal) (as CSS Reset)
* Paperbat v1.6 by Klaus-dieter Michel, ©2013-25
* Architecture:
* strip - horizontal group
* panel - floating inner section
* pad - inside a panel to hold contents and provide paddings
*/
 
/* --------------------------------------------------------------------------- CLEARFIX */
.strip:before, .strip:after, .cf:before, .cf:after {
	content:'';
	display:table}
.strip:after, .cf:after {
	clear:both}
.strip, .cf {
	transform: scale(1)}
	
/* -------------------------------------------------------------------------- BOX MODEL */	
*{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box}
	
/* ------------------------------------------------------------------ RESPONSIVE MEDIAS */	
img, embed, object, iframe, video {
	max-width:100%;
	height:auto}
	
/* -------------------------------------------------------------- DEFAULT MAXIMAL WIDTH */	
.strip {
	width:100%;
	max-width:1140px;
	margin:0 auto;}

/* -------------------------------------------------------- BASE FONT SIZE / iOS ADJUST */
html {
	font-size: 100%;
	line-height:1.45; /* overwrite Normalize 6.0.0 */
	-webkit-text-size-adjust: 100%;}
	
/* ------------------------------------------------------------- ADD TO NORMALIZE 6.0.0 */
body {margin:0}	

/* ------------------------------------------------------------- DEFAULT PANEL FLOATING */	
[class*='panel'] {
	float:left;
	margin-left: 0;
  margin-right: 0;}	
	
/* --------------------------------------------------------------- DEFAULT PANEL WIDTHS */
.panel12 {
	width:100%;}
.panel11 {
	width:91.6663%;}
.panel10 {
	width:83.3333%;}
.panel9 {
	width:75%;}	
.panel8 {
	width:66.6664%;}
.panel7 {
	width:58.3331%;}
.panel6 {
	width:50%;}	
.panel5 {
	width:41.6665%;}
.panel4 {
	width:33.3333%;}
.panel3 {
	width:25%;}		
.panel2 {
	width:16.6666%;}
.panel1 {
	width:8.33333%;}	

/* -------------------------------------------------------------------- DEFAULT PADDING */
.pad {
	padding:10px;}
	
/* -------------------------------------------------------- MEDIA QUERIES / BREAKPOINTS */

/* small */
@media screen and (max-width: 559px) {
	html {
		font-size:90%;}
	
	.break-s {
		width:100%;}
	.break-s50 {
		width:50%;}	
	
	.hide-s {
		display:none;}	
}

/* medium */
@media screen and (min-width: 560px) and (max-width: 823px) {
	html {
		font-size:95%;}
	
	.break-m {
		width:100%;}
	.break-m50 {
		width:50%;}	
	
	.hide-m {
		display:none;}	
}

/* large */
@media screen and (min-width: 824px) and (max-width: 1139px) {
	html {
		font-size:100%;}
		
	.break-l {
		width:100%;}
	.break-l50 {
		width:50%;}
		
	.hide-l {
		display:none;}			
}		

/* wide */
@media screen and (min-width: 1140px) {
	.hide-w {
		display:none;}
}