body{
    background-color: #26677D;
    margin: 0 auto;
	width: 85%;
}

main{
    height: 100%;
	width: 65%;
	margin: 0 auto;
	font-family:arial;
	color: white;
	background-color: #5FB2CE;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}






header{
	text-shadow: 2px 1px 4px black;
	display: flex;
	flex-wrap: wrap;
	
}

header div{
	display: flex;
	flex-direction: column;
}

header h1{
	font-size: 35px;
}

header h2{
	padding-left: 25px;
}

header img{
	margin: 10px;
	display: flex;
	width: 20%;
	height: auto;
	align-items: center;
}





nav {
    width: 100%;
    background-color: #1C4A5A;
}

nav ul {
    display: flex;
    padding: 0;
    width: 100%;
}

nav li {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1;                
}






article{
    display: flex;
	width: 100%;
	justify-content: center;
}
article div{
    width: 45%;
	padding: 15px;
}

article li{
	padding-bottom: 10px;
}



section{
	display: flex;
	width: 100%;
	justify-content: center;
}

section div{
    width: 45%;
	padding: 15px;
	box-sizing: border-box;
}

input, textarea{
	margin: 3px 0px;
	font-size: 100%;
	border-style: solid;
	color: #757575;
	background-color:#b8b8b8;
	border-color: #b8b8b8;
}

#wyslij {
	font-size: 100%;
	border-style: solid;
	background-color: #1C4A5A;
	border-color: #1C4A5A;
	color: white;
}

#komentarze{
	border-style: dotted;
	border-color: gray;
	width: 100%;
	
}





a{
	text-decoration: none;
	color:white;
	transition: color 0.3s ease, transform 0.3s ease;
}
a:hover{
	border-bottom: 2px solid black;
	color: gray;
	transform: scale(1.05);
}





footer{
	display:flex;
	background-color: #1C4A5A;
	width: 100%;
	justify-content: right;
	padding-right: 20px;
	box-sizing: border-box;
}




@media (max-width: 800px) {
	header div {
		display: flex;
		flex-direction: column;
		justify-content: center;
    	align-items: center; 
	}	
	article{
		display: flex;
		flex-direction: column;
	}
	section{
		display: flex;
		flex-direction: column;
	}
	footer{
		display:flex;
		justify-content: center;
		padding: 8px;
	}
}