@import url('https://fonts.googleapis.com/css2?family=Red+Hat+Display:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

h1,h2,h3,h4,h5,h6{
	font-family: "Red Hat Display";
	font-weight: bold;
	text-transform: none;
	letter-spacing: normal;
}

body{
	font-family: "Roboto";
	font-size: 17px;
	line-height: 1.6em;
	font-weight: 400;
}

.de_tab.tab_steps .de_nav li span,
.de_light .de_count h3{
	font-family: "Red Hat Display";
}

.expand h4{
	font-size: 15px;
}

.bg-dark{
	background: #06203f !important;
}

.logo {
	max-width:150px
}

.liczba-col {
	padding-bottom:25px
}

.liczba-box {
	width:90px;
	height:90px;
	line-height:90px;
	border-radius:90px;
	background-color:#725290;
	color:#fff;
	font-size:30px;
	text-align:center;
	margin-bottom:10px;
	display:inline-block;
	font-weight:600
}

.liczba-col span {
  font-size: 15px;
  line-height: 20px;
  color: #06203f;
  text-align: center;
  font-weight: 500;
  display: block;
  margin-top: 10px;
}

h1{
	text-align: left;
	letter-spacing: 0;
	font-size: 48px;
	text-transform: none;
	letter-spacing: -2px;
}

h2{
	font-size: 38px;
	letter-spacing: -.5px;
}

h3{
	font-size: 20px;
}

#mainmenu,
#mainmenu li a{
	font-size: 15px;
	text-transform: none;
	letter-spacing: 0;
}

#mainmenu > li > a{
	font-weight: bold;
}

#mainmenu li a:hover{
	color: #ffffff !important;
}

#mainmenu li ul.mega li.title{
	font-size: 16px;
}

.de_count.ultra-big{
	padding: 0;
}

.de_count.ultra-big h3{
	letter-spacing: -10px;
	margin-bottom: 0;
}

.de_count.ultra-big span{
	letter-spacing: 0;
	font-size: 16px;
}

.de_phone-simple .d-num{
	color: #fff;
	letter-spacing: -1.1px;
}

a.btn-custom,
a.btn-custom:hover{
	color:#ffffff;
	letter-spacing: 0;
	font-size: 15px;
	font-weight: bold;
	text-transform: none;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	font-family: "Red Hat Display";
}

.box-number.square i{
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.de_tab.tab_steps .de_nav li span{
	text-transform: none;
}


.text-light p.lead{
	color:#ffffff;
}

p.lead{
	font-size: 18px;
}

.de_light .project-info .details{
	border: none;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

.header-light #menu-btn:hover:before{
	color:#ffffff;
}

footer{
	font-size: 16px;
}

footer .widget ul li{
	padding: 2px 0;
}

footer address span{
	padding: 2px 0;
}

.carousel-inner h1 {
	letter-spacing:5px;
	font-size:90px;
	line-height:100px
}

.logo {
	transition:.3s
}

.smaller .logo {
	max-width:80px
}

.dawid-row {
	margin-top:40px
}

.maciej-row {
	margin-top:60px
}

.dawid-desc {
	padding-left:50px
}

.maciej-desc {
	padding-right:50px
}

.treningi-row {
	margin-bottom:60px
}

#kontakt i {
	color:#725290;
	font-size:30px;
	margin-right:15px
}


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

body {
  font-size: 16px;
  line-height: 1.5em;
}

.logo {
  max-width: 80px;
}

header.header-light #mainmenu > li > a, header.header-light.transparent #mainmenu > li > a, header.transparent.smaller.header-light #mainmenu > li > a, header.header-s2.header-light #mainmenu > li > a:hover {
  color: #06203f !important;
}

.carousel-inner h1 {
  letter-spacing: 1px;
  font-size: 40px;
  line-height: 50px;
  margin-bottom:25px
}

h2 {
  font-size: 28px;
  letter-spacing: .3px;
  margin-bottom:20px
}

section {
  padding: 30px 0 30px 0;
}

.dawid-row {
  margin-top: 0px;
}

.dawid-desc {
  padding-left: 15px;
  padding-right: 15px;
}

.maciej-desc {
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom:25px
}

.maciej-row {
  margin-top: 30px;
}

.treningi-row {
  margin-bottom: 0px;
}

.padding40 {
  padding: 20px !important;
}

footer {
	text-align:center
}

footer .text-right {
	text-align:center !important
}

footer   .container .col-md-6 {
    margin-bottom: 10px;
  }

.carousel-item {
	text-align:center !important
}

.carousel-item h1{
	text-align:center !important
}

header.header-s2 {
  top: 20px;
}

header.header-mobile.header-light {

}

header {
  height: 70px;
}

}