@import url('https://fonts.googleapis.com/css2?family=Work+Sans:wght@500&display=swap');
html{
	margin:0px;
	font-family:Arial;
	background:#DDD;
}

.banner{
	width:90%;
	background:white;
	height:150px;
	border:5px solid #024A5C;
	border-radius:4px 4px 0px 0px;
	margin:auto;
}
.banner-logo{
	background:#024A5C;
	height:150px;
	display:block;
	float:left;
	width:150px;
	padding-right:4px;
}

.banner-center{
	background:white;
	height:150px;
	width:auto;
	display:block;
	float:left;
}

.banner-content{
	text-align:left;
	padding-top:50px;
	font-size:42px;
	padding-left:15px;
	color:#024A5C;
}

.banner-right{
	background:white;
	height:150px;
	width:auto;
	display:block;
	padding-right:50px;
	float:right;
}

.banner-right-content{
	text-align:left;
	padding-top:56px;
	font-size:30px;
	color:#024A5C;
}

.banner-right-content a{
	text-decoration-line:underline; 
	color:#024A5C;
}

.content{
	width:90%;
	height:auto;
	padding-bottom:150px;
	background:white;
	border:5px solid white;
	margin:auto;
	display:block;
}

.footer{
	margin:auto;
	width:90%;
	background:#024A5C;
	font-size:15px;
	text-align:center;
	color:white;
	padding-top:10px;
	padding-bottom:10px;
	border:5px solid #024A5C;
	border-radius:0px 0px 5px 5px;
	font-family: 'Work Sans', sans-serif;
}

.login-bar{
	width:500px;
	height:360px;
	background:white;
	border-radius:4px;
	margin:auto;
	margin-top:100px;
}

.login-box{
	width:500px;
	display:block;
	float:left;
	height:75px;
	text-align:center;
	margin-top:20px;
	font-size:30px;
	color:#1C4859;
}

.login-box:first-child{
	background:#0279A8;
	height:75px;
	margin-top:0px;
	border-radius:4px 4px 0px 0px;
	color:white;
}

.login-box-text{
	padding-top:20px;
}

.login-box input[type=text], input[type=password]{
	width:250px;
	height:30px;
	font-size:24px;
	padding:5px;
	border:1px solid black;
	border-radius:4px;
}

.login-box input[type=submit]{
	width:125px;
	height:40px;
	margin-top:30px;
	background:#0279A8;
	border:1px solid #0279A8;
	border-radius:4px;
	color:white;
	font-size:18px;
}

.login-box input[type=submit]:hover{
	cursor:pointer;
	background:#1C4859;
	border-color:#1C4859;
}

#content-button{
	width:110px;
	height:40px;
	background:#0279A8;
	font-size:20px;
	padding:3px;
	color:white;
	border:2px solid #0279A8;
	border-radius:4px;
}

#content-button:hover{
	cursor:pointer;
}

#slide{
	display:none;
}

.summation-czlonkowie{
	width:100%;
	margin-top:30px;
	font-weight:bold;
}

.summation-sprzet{
	width:100%;
	margin-top:30px;
	font-weight:bold;
}
	
.summation-uprawnienia{
	width:100%;
	margin-top:30px;
	font-weight:bold;
}

.summation-umundurowanie{
	width:100%;
	margin-top:30px;
	font-weight:bold;
}

.summation-terminy{
	width:100%;
	margin-top:30px;
	font-weight:bold;
}

.summation-wyjazdy{
	width:100%;
	margin-top:30px;
}


/*

	MOBILKA

*/

@media only screen and (max-width: 1160px) {
	.banner-center{
		width:20%;
	}
	
	.banner{
		height:200px;
	}
	
	.banner img{
		height:200px;
	}
	
	.banner-logo{
		height:201px;
	}
	
	.banner-content{
		padding-top:27px;
	}
	
	.banner-right{
		padding-top:26px;
	}
}