/* CSS Document */
img {
	max-width: 100%;
	height: auto;
}
/* CSS Document */
.employees:hover {
	cursor: pointer;
}
.inner-text {
	padding: 20px;
	width: 100%;
	color: #EDEDED;
	font-size: 15px;
}
.inner-text a {
	color: #81b7e6;
	text-decoration: none;
}
.emp-caption {
	background: #2e4157;
	color: #EDEDED;
	text-transform: uppercase;
	font-weight: 400;
	padding: 10px;
	padding-left: 20px;
	font-size: 15px;
	overflow: hidden;
}
.cap {
	float: left;
}
.cap .position {
	font-size: 15px;
}
.employees .name {
	font-size: 15px;
	text-transform: uppercase;
	font-weight: 700;
	border-bottom: solid 2px #fefefe;
	margin-bottom: 2px;
	padding-bottom: 1px;
	margin-top: 7%;
}
.employees a { color:inherit !important;}
.employees .pos {
	margin-bottom: 10px;
}
.emp-thumb {
	position: relative;
	overflow: hidden;
}
.emp-text {
	/* align-items: center; */
	bottom: 0;
	color: white;
	display: flex;
	/* justify-content: center; */
	left: 0;
	padding: 10px;
	position: absolute;
	right: 0;
	top: 0;
	transform: translateY(100%);
	transition: transform 0.35s ease-out 0s;
	line-height: 1.4;
}
.employees:hover .emp-text {
	background: rgba(46,65,87,0.70) none repeat scroll 0 0;
	transform: translateY(0px);
}
.caption-icon {
	float: right;
	height: 44px;
	width: 36px;
	overflow: hidden;
	background-image: url(../../themes/stenso/images/arrow-right.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}

.employees:hover .caption-icon {
	/*background-image: url(../../themes/eklinik/images/small-arrow-up.png);*/
	transform: rotate(-90deg);
}

.cap {
	float: left;
	width: 84%;
	line-height: 1.4;
}
.pos2, .job {
	margin-bottom: 10px;
}

/*==========  Non-Mobile First Method  ==========*/

    /* Large Devices, Wide Screens */
    @media only screen and (max-width : 1200px) {
.emp-caption {
	padding-left: 10px;
	font-size: 12px;
}
.cap .position {
	font-size: 13px;
}
.cap {
	width: 80%;
}
.inner-text {
	padding: 10px;
	width: 100%;
	color: #EDEDED;
	font-size: 15px;
}
.caption-icon {
	height: 32px;
	width: 25px;

	/*background-size: contain;*/
}
}

    /* Medium Devices, Desktops */
    @media only screen and (max-width : 992px) {
		body.kontakt main .col-sm-3 {
	width: 50%;
}
.emp-caption {
	padding: 10px;
	padding-left: 15px;
	font-size: 12px;
}
.cap {
	float: left;
	width: 84%;
}
.caption-icon {
	height: 38px;
	width: 15%;
}
.emp-caption {
	padding-left: 18px;
	font-size: 16px;
}
.caption-icon {
	height: 40px;
	width: 39px;
}
}

    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {
.employees {
	max-width: 600px;
	margin: auto;
	margin-bottom: 40px;
}
}
 @media only screen and (max-width : 767px) {
.emp-caption {
	font-size: 17px;
}
.cap .position {
	font-size: 15px;
}
body.kontakt main .col-sm-3 {
	width: 100%;
}
}

    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {
}

    /* Custom, iPhone Retina */ 
    @media only screen and (max-width : 320px) {
}