@charset "UTF-8";
/* CSS Document */


section .container {
	max-width: none;
	display: flex;
	flex-direction: column;
	align-items: center;
}


h2 {
	box-sizing: border-box;
	padding-top: 80px;
	padding-bottom: 80px;
	width: 100%;
	max-width: 1600px;
	text-align: center;
}

.zamestnanci-vypis {
	display: grid;
	width: auto;
	max-width: 100%;
	grid-template-columns: repeat(auto-fill, 580px);
	grid-row-gap: 40px;
	margin-bottom: 40px;
}

.vizitka {
	display: grid;
	grid-template-columns: auto 1fr;
}

.vizitka img {
    width: 160px;
    height: 200px;
    object-fit: cover;
    user-select: none;
    pointer-events: none;
}

.vizitka > div {
    width: 100%;
    max-width: 420px;
    padding: 15px 10px 0 30px;
}

.vizitka > div > div:first-child {
	width: 100%;
	display: flex;
	align-items: center;
}

.zkratka {
    text-transform: uppercase;
    box-sizing: border-box;
    background-color: var(--cnx-black);
    padding: 8px;
    font-size: 0.75rem;
    line-height: 0.75rem;
    color: #ffffff;
    font-family: var(--font-kyberna);
    display: inline-block;
}

.mistnost {
	padding-left: 12px;
	font-weight: var(--medium);
}

.vizitka h3 {
    font-size: 1rem;
    line-height: 1.75rem;
    margin-top: 10px;
    margin-bottom: 4px;
}

.jmeno span {
	color: var(--cnx-greydark);
	font-weight: var(--medium);
	font-size: 0.875rem;
}

.jmeno span + span {
	margin-left: 16px;
}

.vizitka p {
	font-weight: var(--medium);
	font-size: 0.875rem;
	line-height: 1.25rem;
	margin-top: 12px;
}

.vizitka a {
	display: inline-block;
	font-size: 0.875rem;
	line-height: 1.25rem;
	text-decoration: underline;
	text-decoration-color: var(--cnx-main);
	text-underline-offset: 2px;
	padding-top: 12px;
}

.vizitka a:hover {
	color: var(--cnx-main);
}



/* ----- Responz – Tablet ----- */



@media screen and (max-width: 1199px) {

	
	h2 {
		text-align: left;
	}
	
	section .container {
		align-items: flex-start;
	}

	
}



/* ----- Responz – Mobil ----- */



@media screen and (max-width: 599px) {

	
	h2 {
		text-align: center;
	}
	
	.zamestnanci-vypis {
		width: 100%;
		grid-template-columns: 100%;
		grid-row-gap: 0;
	}
	
	.vizitka {
		display: flex;
		flex-direction: column;
		align-items: flex-end;
		border-bottom: 1px solid var(--cnx-greylight);
		padding: 40px 10px;
	}
	
	.vizitka:first-child {
		border-top: 1px solid var(--cnx-greylight);
	}
	
	.vizitka img {
		width: 120px;
		height: 146px;
	}

	.vizitka > div {
		width: 100%;
		max-width: 100%;
		padding: 10px 0;
	}
	
	
}



/* ----- Responz – Desktop velký ----- */



@media screen and (min-width: 1760px) {
	
	
	h2 {
		text-align: left;
	}
	
	.zamestnanci-vypis {
		max-width: 1800px;
	}
	
	
}