@charset "UTF-8";
/* CSS Document */
body {
    background: #FFF;
	font-family: "Barlow";
	color: black;
}
h1,h2,h3,h4,p,ul,ol,li,body,menu {
	margin: 0;
	padding: 0;
}
.container {
    /*width: 1200px;*/
    margin: auto;
	width: 1200px;
}
@media screen and (max-width: 420px) {
.container {width: 420px; max-width: 100%}
/*img {width: 250px; height: auto; position: absolute; top: 200px; left: 20px;}
menu {position: absolute; top: 420px;}*/
/*img {width: 250px; height: auto; float: left; margin: auto;}*/
/*menu {position: absolute; top: 420px;}*/
}
header a {
	color: black;
	text-decoration: none;
}
@media screen and (max-width: 420px) {
header a h1.patricie-fexova {width: 260px; margin: 30px 0 20px 30px;}
header a h2.visual {width: 260px;}
}
header a:hover {
	color: red;
	text-decoration: none;
}
.patricie-fexova {
	font-size: 45px;
	font-weight: 400;
	margin: 80px 0 10px 30px;
}
.visual {
	font-size: 20px;
	letter-spacing: 0.4px;
	font-weight: 400;
	margin: 0 0 20px 30px;
}
menu {
	margin: 50px 0 0 30px;
	float: left;
	/*position: fixed;
	top: 200px;
	left: 50px;*/
}
@media screen and (max-width: 420px) {
menu {width: 260px; margin-bottom: 30px; position: absolute; top: 460px; left: 0px;}
menu.skryt {display:none;}
}
menu ul li {
	font-size: 20px;
	list-style-type: none;
	padding: 10px 0;
}
menu ul li .vyber {
	color: black;
	text-decoration: none;
}
menu ul li .vyber:hover {
	color: red;
}
menu .kontakty {
	margin: 20px 0 0 0;
}
menu ul li.email {
	font-size: 17px;
	padding: 0px 0 10px 40px;
}
menu ul li a.sent {
	color: black;
	text-decoration: none;
	margin: 40px 0 0 0;
}
menu ul li a.sent:hover {
	color: red;
	text-decoration: underline;
	/*text-underline-position: under;*/
	text-decoration-skip-ink: auto;
	margin: 40px 0 0 0;
}
menu ul li i {
	font-size: 22px;
	padding-right: 10px;
	width: 30px;
	text-align: center;
}

img.koule {
	float: right;
	margin: 0 180px 0 0;
}
@media screen and (max-width: 420px) {
/*img {width: 100px; height: auto; float: left; margin: 0 0 0 20px; position: absolute; top: 40px; left: 215px;}
*/img {width: 250px; height: auto; margin: 0 0 0 20px; position: absolute; top: 240px; left: 10px;}
}
/*VYSTAVY PAGE*/

article .vystavy {
	float: right;
	width: 700px;
	text-align: left;
	margin: 60px 0 0 0;
}
@media screen and (max-width: 420px) {
article .vystavy {float: left; padding-left: 30px; /*position: absolute; top: 200px; left: 30px;*/}
}
/*.vystavy h3 {
	font-size: 20px;
	font-weight: 400;
	line-height: 30px;
	padding-bottom: 20px;*/
}
.vystavy p {
	font-size: 18px;
	font-weight: 400;
	padding-bottom: 20px;
}
figure.video {
	margin: 0 0 40px;
}
@media screen and (max-width: 420px) {
figure.video {margin: 25px 0 0 0;}
}
figure.video h4 {
	font-size: 18px;
	font-weight: 400;
	padding: 0 0 10px 10px;
}
figure figcaption {
	margin-bottom: 20px;
}
figure.video iframe {
	padding: 0 0 10px 0;
}
@media screen and (max-width: 420px) {
figure.video iframe {width: 45%; height: auto;}
figcaption {max-width: 320px;}
}
figure.video p {
	font-size: 16px;
	font-weight: 400;
	padding: 0;
}
img.udalosti {
	margin-top: 20px;
}
.patka {
	width: 100%;
	height: 80px;
	background-color: white;
	clear: both;
}