/* main.css
             _                           _ 
            | |                         | |
__  ________| | _____  _ __ ___    _ __ | |
\ \/ /______| |/ / _ \| '_ ` _ \  | '_ \| |
 >  <       |   < (_) | | | | | |_| |_) | |
/_/\_\      |_|\_\___/|_| |_| |_(_) .__/|_|
                                  | |      
                                  |_|      
*/



html {
	scroll-behavior: smooth;
}

body {
	font-family: 'Nunito', sans-serif;
	color: #000;
	font-weight: 300;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	line-height: 1.33!important;
}

.container {
	border-radius: 30px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	-ms-border-radius: 30px;
	-o-border-radius: 30px;
	max-width: 1140px;
	padding: 0;
}

.container-fluid {
	border-radius: 0!important;
}

.content {
	position: relative;
}

.wrapper {
	border: 1px solid rgba(0, 0, 0, .1);
	border-radius: 30px;
	overflow: hidden;
	position: relative;
	position: relative;
}

.content {
	margin: auto;
	padding: 60px 0 0 0!important;

}

.disclaimer {
	padding: 30px 0;
	/* max-width: 620px; */
	margin: auto;
	text-align: center;
	font-size: 14px;
	text-align: left;
	color: #c8c8c8;
	font-size: .8rem;
}

.row-disclaimer {
	background: #000;
}

/* 	wszystkie img responsywne dostosowują się do kontenera w jakim sa umieszczone nie ma potrzeby uzywania img-fluid w klasach */
img {
	max-width: 100%;
	height: auto;
	    -ms-flex-item-align: center;
	        align-self: center;
}

/* ==========================================================================
   pozostałe style poniżej
   ========================================================================== */
   
   .bg-header {
	color: #fff;
	background-image: url("../img/bg.png");
	background-repeat: no-repeat;
	min-height: 612px;
	background-position: 50% 0;
}

/* padding fix */
.btn {padding: 7px 28px 7px 28px;}
.nobr {white-space: nowrap;}
p {margin-bottom: 0!important;}


/* ==========================================================================
   typography
   ========================================================================== */

.small {font-size: .95rem; font-weight: 500;}
.normal {font-size: 1rem;}
.medium {font-size: 1.8rem;}
.large {font-size: 2.4rem;}
.xlarge {font-size: 4rem;}
.thin {font-weight: 300;}
.regular {font-weight: 400;}
.semi {font-weight: 600;}
.bold {font-weight: 700;}
.thinw {font-weight: 200;}
.regularw {font-weight: 300;}
.semiw {font-weight: 500;}

/*
special
========================================================================== */

   .cat {
	   border-bottom: 3px solid #FFC60B;
   }
   
/* 
backgrounds
========================================================================== */

.bg-1 {
  background-image: url("../img/bg-full.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center top;
}

/* 
alignment
========================================================================== */

.header {
	text-align: left;
	padding: 3rem;
}

.img-top {
	position: absolute;
	top: 0;
	right: 0;
}

.img-bottom {
	position: absolute;
	left: 0;
	bottom: 0;
}

.spec-icons-block {
	margin: 2rem 0;
}

.spec-icons-block div {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}

.spec-icons-block p {
	margin-left: 1rem;
}

.row-hero {
	margin-bottom: 100px;
}
.disclaimer-copy {
	margin-bottom: 3rem;
}
.disclaimer-logo {
	text-align: left;
}
.hero-mobile {
	display: none;
}


/* 
media
========================================================================== */

@media (max-width: 768px) {
	body, html {
		font-size: 12px;
	}
	
	.header {
		text-align: center;
	}
	.img-top, .img-bottom {
		display: none;
	}
	.content-title, .disclaimer-copy {
		text-align: center;
	}
	p.disclaimer {
		padding: 2rem;
		text-align: center;;
	}
	.disclaimer-logo {
		text-align: center;
		margin: 2rem 0 0 0;
	}
	.spec-icons-block div {
		flex-direction: column;
		text-align: center;;
	}
	.spec-icons-block p {
		margin-left: 0;
	}
	.hero-mobile {
		display: block;
	}
	.row-hero {
		margin-bottom: 0;
	}
	.btn {
		font-size: 1.6rem;
	}
	.lh {
		line-height: 1.6!important;
	}
}