* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
body {
	font-size:11pt;
	line-height: 0px;
	text-align:center;
}

/*kontejnery*/
#main {
	width: 100%;
	max-width:768px;
	display:flex;
	flex-wrap: wrap;
}
#foto {
	width: 100%;
	background-color: #292929;
	position:relative;
}
#jmeno {
	width: 100%;
	background-color: #292929;
	position:relative;
}
#publikace {
	width: 50%;
	background-color: #d91815;
	position:relative;
	padding-top:3%;
	line-height: 145%;
}
#obrazy {
	width: 50%;
	background-color: #13a1ff;
	position:relative;
	padding-top:3%;
	line-height: 145%;
}
#fotografie {
	width: 50%;
	background-color: #00d100;
	position:relative;
	padding-top:3%;
	line-height: 145%;
}
#grafika {
	width: 50%;
	background-color: #ffac0e;
	position:relative;
	padding-top:3%;
	line-height: 145%;
}
#cv {
	width: 100%;
	padding:3%;
	line-height:145%;
}
#soute {
	width: 100%;
	padding:3%;
	line-height:145%;
}

/*třídy*/
.divy {
	display:grid;
	grid-template-columns: repeat(3, minmax(100px, 1fr));
	grid-auto-rows: 280px;
	grid-gap:10px;
	grid-auto-flow:dense;
	padding:1% 3% 3% 3%;
}
.divy_gal {
	width:33.33%;
	position:relative;
	padding: 1% 3% 1% 3%;
	line-height: 145%;
}
.container {
	display:grid;
	grid-template-columns: repeat(3, minmax(100px, 1fr));
	grid-auto-rows: 110px 110px 130px;
	grid-gap:6px;
	grid-auto-flow:dense;
	padding:1% 3% 3% 3%;
	}
.video {
	display:grid;
	grid-template-columns: repeat(2, minmax(163px, 1fr));
	grid-auto-rows: 200px;
	grid-gap:10px;
	grid-auto-flow:dense;
	padding:1% 3% 3% 3%;
}