.companyTileTitle{

	font-weight:bold;
	font-size:1.5em;
	display:inline-block;
	margin-bottom:1em;
	z-index: 6;
	
}
.companyTileDescription{
	font-size:0.9em;
}

.teamTile{
	margin: 0 auto;
	width:400px !important;
	max-width:100%;
	position:relative;
}

.teamRole{
	//position:absolute;
	//right:0.5rem;
	//top: -1rem;
	// transform:rotate(-90deg);
	//transform-origin: right bottom;
	white-space: nowrap;
	font-size:  calc(0.5em + 0.5vw);
}

.teamImg{
	float:left;
	width:90%;
	filter: grayscale(100%);
	margin-bottom:20px;
	transition: filter .2s ease-in-out;
}

.teamImg:hover{
	filter: grayscale(0%);
}

.jobContainer{
	display:table;
	width:100%;
	height:100%;
}
.jobText{
	vertical-align:middle;
	padding: 10px 0 10px 30px;
	display: table-cell;
}
.competencePicture{
	position:relative;
}

.map-container{
	margin-top:10px;
	width:100%;
	min-height:40vh;
}
iframe{
	width:100%;
	height:40vh;
}

@media (max-width: 767px){

	.col-jobDesignation{
		width: 70%;
		display: inline-block;
	}

	.col-jobDescription{
		display: none;
	}

	.col-jobLinkButton{
		width: 30%;
		display: inline-block;
	}

	.companyTileContainer{
		
		position:relative;
		color:#fff;
		

	}
	.companyTile{
		background-color: #041B27;
		padding-top: 40px;
	}

	
	.competencePicture::before{
	
	  background: url('/wp-content/themes/bs-theme/img/Company4.gif') no-repeat center top; 
	  background-size: auto 50% !important;
	  filter: grayscale(100%);
	  content: "";
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	  position: absolute;
	  
		
	}

	.competenceText{
		font-size:2.5em;color:#fff;position:absolute;left:8vw;top:20vh;
	}


}

@media (min-width: 768px){

	.col-jobDesignation{
		width: 40%;
		display: inline-block;
	}

	.col-jobDescription{
		width: 40%;
		display: inline-block;
	}

	.col-jobLinkButton{
		width: 20%;
		display: inline-block;
	}

	.companyTileContainer{
		position:fixed;
		bottom:0;
		left:0;
		width:100%;
		color:#fff;
		font-size:0.75em;
	}
	.jobContainerDescription{
		display: block !important;
	}

	.companyTile{
		
		overflow:visible;
		background-image: linear-gradient(to top, #041B27 50%, rgba(0, 0, 0, 0) 50%);
		background-size: 100% 201%;
		transition: background-position .0s ease-in-out;
		height:40vh;
		padding:0;
		
	}
	.companyTileBG{
		padding-left:2em;
		padding-right:2em;
		padding-top:20%;
		width:100%;
		height:100%;
		background-color: rgba(0, 0, 0, 0);
		transition: background-color .2s ease-in-out;
	}

	.companyTileBG-hover{
		background-color: #00B4F4;
	}
	.competencePicture::before{
	
	  background: url('/wp-content/themes/bs-theme/img/Company4.gif') no-repeat center top; 
	  background-size: 100% auto !important;
	  filter: grayscale(100%);
	  content: "";
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	  position: absolute;
	  	
	}
	.competenceText{
		font-size:2.5em;color:#fff;position:absolute;left:8vw;top:15vw;
	}

}