.flex { display: flex; } /* skupiny odkazů vedle sebe */

.space-between { justify-content: space-between; } /* mezera mezi odkazy, onepage a menu */

.container { /* zarovnani obsahu */
	max-width: 980px; /* maximalní šířka obsahu */
	margin: 0 auto; /* okraj 0 nahore a dole, auto pro levo a pravo */
}

.btn { /*nastaveni tlacitka*/
	display: inline-block; /*abychom mohli nastavit okraje*/
	text-decoration: none; /*odebrani podtrzeni tlacitka / odkazu*/
	background-color: red; /*nastaveni pozadi ramecku tlacitka / odkazu*/
	border: 1px solid transparent; /*nastaveni ramecku tlacitka / odkazu*/
	border-radius: 15px / 25px; /*nastaveni zaobleni tlacitka / odkazu za lomitkem rouzne zaobleni*/
	padding: .7rem 1rem; /*nastaveni okraju tlacitka / odkazu*/
	transition: opacity .3s ease-out; /*nastaveni efektu pri najeti na tlacitko / odkaz*/
}

.btn:hover { /*nastaveni pri najeti mysi na tlacitko / odkaz*/
	opacity: .6; /*nastaveni pruhlednosti tlacitka / odkazu*/	
}

.btn-tomato { /*trida pro cervene tlacitko*/
	background-color: red;
}

.btn-white {
	background-color: white;
}

.btn-text-white { /*trida pro bile tlacitko*/
	color: white;
}

.btn-text-black { /*trida pro bile tlacitko*/
	color: black;
}

.hr {
	border: 0; /*zruseni*/
	height: 1px; /*vyska cary*/
	max-width: 60%; /*sirka cary, nechceme ji pres celou stranku*/
}

.hr-white { /*trida pro bilou caru*/
	background: linear-gradient(to right, 
		rgba(255, 255, 255, 0), 
		rgba(255, 255, 255, 1), 
		rgba(255, 255, 255, 0)); /*barevny prechod pruhledna leva nepruhledny stred pruhledna prava*/
}

.hr-red { /*trida pro cervenou caru*/
	background: linear-gradient(to right, 
		rgba(255, 3, 3, 0), 
		rgba(255, 3, 3, 1), 
		rgba(255, 3, 3, 0)); /*barevny prechod pruhledna leva nepruhledny stred pruhledna prava*/
}

.icons-red {
	color: red;
	font-size: 400%;
}

.article-width-45 {
	width: 45%;
}

.margin-40 {  /*trida nastavujici horni okraj*/
	margin-top: 40px;
}

li {
	text-align: left;
}

.jf-center { /* obrazky zarovnany vedle sebe bez mezer a na stred */
	justify-content: center;
}

.ai-center { /* trida na zarovnani textu v obrazku */
	align-items: center;
}

.chyba {
	color: red;
	font-size: 70%;
}