@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@1,300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Pacifico&family=Roboto:ital,wght@1,300&display=swap');

body{
	margin: 0px;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 115%;
}
header {
	display: flex;
	flex-direction: column;
	align-items: center; 
	background-color: #3E672F;
	background-image: linear-gradient(to bottom, #436F32, #294222);
	padding: 30px 10%;
}
header h1 {
	font-family: 'Pacifico', cursive;
	font-size: 75px;
	color: #EED439;
	margin-bottom: 20px;
}
nav {
	display: flex;
	flex-direction: column;
	margin-bottom: 20px;
}
a { 
	color: white;
	text-decoration: none;
	padding: 10px 25px;
	margin: 15px 10px;
	min-width: 85px;
	text-align: center;
	background-color: #436F32;
	background-image: linear-gradient(to bottom, #436F32, #092202);
	border-radius: 25px 0px;
	transition: 0.3s;
}
article a {
  margin-left: 0px;
}
a:hover {
	border-radius: 0px 25px;
}
img {
	width: 100%; 
	max-width: max-content;
	border-radius: 15px;  
}
@media (min-width:900px){
	nav {
		flex-direction: row;
		justify-content: center; 
	}
}

@media (max-width:900px){
	header img {
		display: none; 
	}
}

main {
	background-color: white;
}
section {
	display: flex;
	flex-direction: column;
	padding: 20px 10%;
}
article {
	display: flex;
	flex-direction: column;
	align-items: flex-start; /*nevím co to dělá*/
	padding: 20px 0px;
}

p {
  text-align: justify;
}

@media (min-width:900px){
	section {
		flex-direction: row;
	}
	article {
		padding: 15px;
		display: flex;
		flex-direction: column;
    flex: 1;
		align-items: center;
	}
	p {
		text-align: center;
	}
}

footer {
	text-align: center;
	color: white;
	background-color: #3e672f;
	background-image: linear-gradient(to bottom, #436F32, #092202);
  padding: 10px;
}