/*
 Theme Name:   HASCO Senolek
 Theme URI:    https://bricksbuilder.io/
 Description:  HASCO Senolek
 Author:       Szkolenie
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

:root {
	--sp00: 0.33rem;
	--sp0: 0.66rem;
	--sp1: 1rem;
	--sp2: 1.5rem;
	--sp3: 2rem;
	--sp4: 3rem;
	--sp5: 4rem;
	--sp6: 6rem;
	--sp7: 8.5rem;
	--sp8: 12rem;
	--sp9: 17rem;
	--sp10: 24rem;
	--t-h1: 5.2rem;
	--t-h2: 3.2rem;
	--t-h3: 2.4rem;
	--t-l: 1.9rem;
	--t-m: 1.5rem;
	--t-s: 1.2rem;
	--colgap: 2rem;
	--container: 118rem;
	--colbase: calc( (var(--container) - ( 11 * var(--colgap) ) ) / 12 );
	--col1: var(--colbase);
	--col2: calc( 2 * var(--colbase) + var(--colgap));
	--col3: calc( 3 * var(--colbase) + 2 * var(--colgap));
	--col4: calc( 4 * var(--colbase) + 3 * var(--colgap));
	--col5: calc( 5 * var(--colbase) + 4 * var(--colgap));
	--col6: calc( 6 * var(--colbase) + 5 * var(--colgap));
	--col7: calc( 7 * var(--colbase) + 6 * var(--colgap));
	--col8: calc( 8 * var(--colbase) + 7 * var(--colgap));
	--col9: calc( 9 * var(--colbase) + 8 * var(--colgap));
	--col10: calc( 10 * var(--colbase) + 9 * var(--colgap));
	--col11: calc( 11 * var(--colbase) + 10 * var(--colgap));
}

body {
	position: relative;
}

@media screen and (max-width: 1280px) {
	:root {
        --sp7: 6rem;
        --sp8: 8rem;
        --sp9: 11rem;
        --sp10: 16rem;
		--container: calc(100vw - 12rem);
	}

}

@media screen and (max-width: 991px) {

	:root {
		--t-l: 1.7rem;
	}
	
	.desktopbr {
		display: none;
	}

}

@media screen and (max-width: 767px) {

	:root {
		--t-m: 1.4rem;
		--t-h2: 2.6rem;
		--t-h3: 2.1rem;
		--sp7: 6rem;
        --sp8: 7rem;
        --sp9: 9rem;
        --sp10: 12rem;
		--container: calc(100vw - 4rem);

	}


}

@media screen and (max-width: 479px) {

	:root {
		--colgap: 1.2rem;
	}

}

:where(p) {
	margin: 0 0 .8em;
}

:where(p):last-child {
	margin: 0;
}