/* dubug */

dfg* { border-top: 1px solid red; border-bottom: 1px solid blue; }


/* Global */

body, html { width: 100%; height: 100%; }
* { padding: 0; margin: 0; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
img { max-width:100%;}


/*	Kolumny	*/

.col-fluid, .col, .row  { margin:0 AUTO; }
			
.col-fluid {
	width: 100%;
	/*overflow: hidden;*/
}

.col {
	width: 100%;
	max-width: 1200px;
	-moz-transition: .5s ease; 	-ms-transition: .5s ease; -o-transition: .5s ease; -webkit-transition: .5s ease; -khtml-transition: .5s ease; transition: .5s ease; 
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 { display: inline-block; vertical-align: middle; }
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 { -moz-transition: .5s ease; 	-ms-transition: .5s ease; -o-transition: .5s ease; -webkit-transition: .5s ease; -khtml-transition: .5s ease; transition: .5s ease; }

.col-1  { width:  8.33%; }
.col-2  { width: 16.33%; }
.col-3  { width: 25.00%; }
.col-4  { width: 33.33%; }
.col-5  { width: 41.66%; }
.col-6  { width: 50.00%; }
.col-7  { width: 58.33%; }
.col-8  { width: 66.66%; }
.col-9  { width: 75.00%; }
.col-10{ width: 83.33%; }
.col-11{ width: 91.66%; }
.col-12{ width:100.00%; }

.col-spec-7 { display: inline-block; vertical-align: middle; }
.col-spec-7 { width: 14.28%; }


/*	Wiersze	*/

.row { position: relative; }
.row>* { vertical-align: middle; display:inline-block;}

/*	Wewnętrzny margines */

.pad-05, .pad-10, .pad-15, .pad-20 { position: relative;  }
.pad-05 {padding: 0.5em;}
.pad-10 {padding: 1em;}
.pad-15 {padding: 1.5em;}
.pad-20 {padding: 2em;}

.pad-r-10 {padding-right: 1em;}

.marg-0, .marg-05, .marg-10, .marg-15, .marg-20 { position: relative;  }
.marg-0 {margin: 0em;}
.marg-05 {margin: 0.5em;}
.marg-10 {margin: 1em;}
.marg-15 {margin: 1.5em;}
.marg-20 {margin: 2em;}

.nomargin {margin:0}
.margin05 {margin:0.5em}
.margin1 {margin:1em}
.padH40 {padding:0px 40px;}

/* Zachowania */

.left { float: left; }
.right { float: right; }
.clear { clear: both; }

.align-top { vertical-align: top; }
.align-top * { vertical-align: top; }
.align-middle { vertical-align: middle; }
.align-middle * { vertical-align: middle; }
.align-bottom { vertical-align: bottom; }
.align-bottom * { vertical-align: bottom; }

/* Rozmiar kolumn */

/* xxl, xl, l, m, s */
.xxl-show, .xl-show, .l-show, .m-show, .s-show { display:none; }

@media ( min-width: 1200px ) {
	.xxl-show { display: block; }
	.xxl-hide { display: none; }
}
@media ( min-width: 950px ) and ( max-width: 1200px ) {
	.xl-show { display: block; }
	.xl-hide { display: none; }
}
@media ( min-width: 750px ) and ( max-width: 950px ) {
	.l-show { display: block; }
	.l-hide { display: none; }
}
@media ( min-width: 450px ) and ( max-width: 750px ) {
	.m-show { display: block; }
	.m-hide { display: none; }
}
@media ( max-width: 450px ) {
	.s-show { display: block; }
	.s-hide { display: none; }
}

@media ( min-width: 1201px ){
	.xxl-col { width: 100% !important; float:none !important; }
	.xxl-clear { clear: both; }
}
@media ( max-width: 1200px ){
	.xl-col { width: 100% !important; float:none !important; }
	.xl-clear { clear: both; }
}
@media ( max-width: 950px ){
	.l-col { width: 100% !important; float:none !important; }
	.l-clear { clear: both; }
}
@media ( max-width: 750px ){
	.m-col { width: 100% !important; float:none !important; }
	.m-clear { clear: both; }
}
@media ( max-width: 450px ){
	.s-col { width: 100% !important; float:none !important; }
	.s-clear { clear: both; }
}

@media ( min-width: 1201px ){
	html { font-size: 100%;}
}
@media ( max-width: 1200px ){
	html { font-size: 95%;}
}
@media ( max-width: 950px ){
	html { font-size: 90%;}
}
@media ( max-width: 750px ){
	html { font-size: 85%;}
}
@media ( max-width: 450px ){
	html { font-size: 80%;}
}