/* Add here all your CSS customizations */

.heading {
	text-align: center;
	text-transform: uppercase;
	
}



.container p{
	font-size:16px;
	color:#333;
	
}
.logo-szary{
	width: 100%;
	background-color: #f8f8f8!important;
	padding: 1%!important;
	border-bottom: 1px solid #C7C7C7
}

.top{
	position: relative;
	left: 1.5%!important;
}

.container ol{
	font-size:15px;
	color:#333;
	
}
.container li{
	font-size:15px;
	color:#333;
	padding-top: 10px;
}

.btn{
	background-color:#ffffff;
text-decoration: none;
	color:#e9493a;
	margin-top: 15px;
	margin-bottom :15px;
	font-size: 16px;
		border: 2px solid #e9493a;
		
}
.btn2{background-color: #ed1c24;
text-decoration: none;
	color:#ffffff;
	margin-top: 3%;
	margin-bottom :10%;
	font-size: 1.3em;
	
		
}
.btn2:hover{
	text-decoration: none;
	color:#ffffff;
background-color: #316dac;
	padding: 8px;

}

.programbox ul{
	padding-left:20px;
	font-size: 1em;
	color: #000;
	
}

.programbox  {
	 
	padding: 25px;
	position: relative;
	right: 30%!important;
	border-radius: 5px;


}



.programbox p{
	
	color: #000;
	text-align: center;
}




.programbox ul li{
	color: #323a45;
	text-align: left;
}

.description p{
	text-align: left!important;
}



.programbox h3{
	text-align: center;
	font-weight: 700;
	line-height: 1!important;
	margin-top: 15px;
	margin-bottom: 15px;
}

.lobster{
	color: #1DAAD9!important;
	font-size: 1.6em!important;
	padding-top: 4%!important;
	font-weight: 700;
}
.autor{
	color: #1DAAD9!important;
	font-size: 1.6em!important;
	padding: 5% 0 5% 0!important;
	font-weight: 700;
	text-align: center;
}


.p1{
color: #316dac!important;
	font-size: 1.8em!important;
	line-height: 1.4em!important;
	padding: 3% !important;
	font-weight: 700;

}
.p2{font-size: 1.3em!important;
	color: #ffffff!important;
	font-weight: 400!important;
}

.p3{font-size: 1.7em!important;
	line-height: 1.2em!important;
	color: #2e323d!important;
	font-weight: 700!important;

}

.p4{font-size:1.4em!important;
	color: #000!important;
	font-weight: 400!important;
	line-height: 1.4em;
	
}
.description-2 p{
	text-align: left!important;
}

.box-center{ 
	position: relative;
	left: 1%;
	
}

.box-center-2{
	position: relative;
	left: 23%;
	
}

.sponsorzy{
	padding-bottom: 1em;
}


.container h1{
	color: #000000;
	font-weight: bold!important;
}

#footer p{
	color:#333333;
}

#footer .container{
	background-color: #ebebeb!important;
}




@media only screen and (max-width: 768px){
	
#lead h1 {
	font-size: 2em;
	line-height: 1;
	margin-top: 40px;
}

#lead h2 {
	margin-bottom: 20px;
	line-height: 1em;
}

#lead .logo-top {
	margin-top: 20px;
}

	
#lead p {
	color: #222;
	margin: 10px 0px;
	font-size: 1em;
}
	.img{
		margin: auto;
	}

	#tekst li{
		font-size: 1em;
	}
	
	.lobster{font-size: 1.8em!important
	}
	
	.programbox{
		margin-left: auto;
		margin-right: auto;
	}
	
	.programbox h3{
		margin-left: auto;
	}
	.p1{font-size: 1.4em!important;}
	.p3{font-size: 1.7em!important;}
	.p4{font-size: 1.3em!important;}
	.description {
		padding: 1%!important;
	}
	.description p{text-align: center!important;}
	.description-2 p{
		text-align: center!important;
	}
	.mobile-button{text-align: center!important}

}