/* Custom css goes here */
html,body {
	font-family:'Work Sans',sans-serif;
	-webkit-font-smoothing:antialiased;
}

body {
	 padding-bottom:100px;
	display:block;
	height:auto;
	width:100%;
}

body.cv ul li.info, body.kresby-grafiky ul li.kresby, body.malby ul li.malby {
	text-decoration: underline;
}

.footer {
	padding-top: 300px;
	padding-bottom: 30px;
	text-align: center;
}

.dots {
	margin:20px auto;
	background-position:center center;
	background-size:contain;
	height:4px;
	width:100%;
	background-repeat:repeat-x;
	background-image:url(dots.svg);
	display:block;
}

.name {
	font-weight:200;
	font-variant:normal;
	font-style:normal;
	font-size:40px;
}

img {
	height:auto;
	width:auto;
}

.p-name,.p-subname,.p-size,.p-technik,.p-year {
	font-size:14px;
}

.p-name {
	font-weight:800;
}

.p-subname,.p-size,.p-technik,.p-year {
	font-weight:500;
}

.obraz {
	display:block;
	margin:0 auto 5%;
	position:relative;
	height:80vh;
	text-align:center;
}

.w-50,.w-50-ns {
	position:relative;
	height:80vh;
	display:block;
	padding-bottom:20px;
}

@media screen and (max-width:480px) {
	.w-50,.w-50-ns, .obraz {
		height: 50vh;
	}
	.ttl { height: 20vh !important;}
	
	.menu ul li:first-child {display: block}
}

.ttl {
	position: relative;
	display: flex;
	align-self: flex-end;
}

.p-title {
	height:auto;
	text-align:left;
	position: relative;
	align-self: flex-end;
}

.p-title p {
	display: block;
}

.pic {
	background-position:center bottom;
	background-size:contain;
	background-repeat:no-repeat;
}

.wow {
	opacity:0;
	transition:opacity 1s;
	transform:translate(0,40px);
	transition:all 1s;
}

.wow.visible {
	opacity:1;
	transform:translate(0,0);
}

.menu {
	font-weight:200;
	font-variant:normal;
	font-style:normal;
	margin: 0 auto;
}

.menu a,.menu a:visited {
	color:#000;
	text-decoration: none;
	margin-right: 10px;
}

.menu a:hover,.menu a:active {
	color:#000;
	text-decoration: underline;
}
.menu ul {list-style: none; list-style-type: none;}
.menu ul li {display: inline; }
.menu ul li:first-child {margin-left:20px;margin-right:20px;}
.menu ul li {margin-right: 20px;}
.menu ul li:last-child {margin-right: 0px;}
.name a, .name a:visited, .name a:hover, .name a:active { color: #000000; text-decoration: none;}