.silhouette {
  width: 100%;
  background-image: url(../img/silhouette.webp);
  background-position: top center;
	background-position-y: -100px;
  background-repeat: no-repeat;
  background-size: cover;
  top: -100px;
  margin: 0 auto;
}

.nopadding {
padding-left: 0px;
}


.home-copy {

}

.techstory {
	font-size: 90px;
}

.center-div {
display: flex;
align-items: center;
padding-top: 10%;
padding-bottom: 15%;
}

.home-grid {
	display: grid;
	padding-left: 6%;
	height: 100vh;
}

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

.silhouette {
  width: 100%;
  background-image: url(../img/mobile-blue.webp);
  background-position: top center;
	background-position-y: 0px;
  background-repeat: no-repeat;
  background-size: cover;
  top: 0px;
  margin: 0 auto;
}


.silhouette-mobile {
  width: 100%;
  background-image: url(../img/silhouette-mobile.webp);
  background-position: top center;
	background-position-y: 0px;
  background-repeat: no-repeat;
  background-size: cover;
  top: 0px;
  margin: 0 auto;
}

.home-grid {
	display: grid;
	padding-left: 6%;
	height: auto;

}

.silhouette-img{
	max-width:110%
	
}

.techstory {
	font-size: 50px;}

}

.nopadding {
padding-left: 0px;
}
}



.casestudy {
	min-width: 23%;
	transition: all 1s ease;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;

}

.casestudy.active {
	min-width: 28%;
	min-height: auto;
}

#casestudies {
	overflow-x: scroll;
	padding-bottom: 100px;
	height: auto;
	-ms-overflow-style: none;  /* IE and Edge */
	scrollbar-width: none;  /* Firefox */
}

#carousel {
	overflow-x: scroll;
	margin-bottom: 0px;
}

#casestudies::-webkit-scrollbar {
  	display: none;
}

.bg-purple {
	background-color: #773677;
}

.bg-deep-purple {
	background-color: #461d7f;
}

.bg-army-green {
	background-color: #8fad15;
}

.bg-red {
	background-color: #c03731;
}

.info-ai {
	background-color:#cfd7ca;
	background-image:url("../img/info-ai-cs.webp");
	background-size: contain;
	background-repeat:no-repeat;
	width:100%;aspect-ratio:1/1;
}

.salt {
	background-color:#cfd7ca;
	background-image:url("../img/salt-cs.webp");
	background-size: cover;
	background-repeat:no-repeat;
	width:100%;aspect-ratio:1/1;
}

.scatr {
	background-color:#cfd7ca;
	background-image:url("../img/scatr-cs.png");
	background-size: contain;
	background-repeat:no-repeat;
	width:100%;aspect-ratio:1/1;
}
	
.scout {
	background-color:#cfd7ca;
	background-image:url("../img/scout-cs.webp");
	background-size: contain;
	background-repeat:no-repeat;
	width:100%;aspect-ratio:1/1;
}

.foundation {
	background-color:#cfd7ca;
	background-image:url("../img/foundation-cs.webp");
	background-size: contain;
	background-repeat:no-repeat;
	width:100%;aspect-ratio:1/1;
}

.bmc {
	background-color:#cfd7ca;
	background-image:url("../img/bmc-cs.webp");
	background-size: contain;
	background-repeat:no-repeat;
	width:100%;aspect-ratio:1/1;
}



.bop-hd {
	margin: 60px 60px 60px 60px;
	padding: 0px;
}

.bop-scatr {
	background-image:url("../img/scatr-soldier.png");
	background-size: cover;
}

.bop-found {
	background-image:url("../img/foundation-bop.webp");
	background-size: cover;
}

.bop-bmc {
	background-image:url("../img/bmc-cs.webp");
	background-size: cover;
}


.bop-info {
	background-image:url("../img/info-swerve.webp");
	background-size: cover;
}

.bop-info-ai {
	background-image:url("../img/info-billboard.webp");
	background-size: cover;
	background-position: bottom;
	min-height: 800px;
}

.bop-salt {
	background-image:url("../img/little-monster.webp");
	background-size: cover;
	background-position: center;
}

.bop-juni {
	background-image:url("../img/juni-dandylion.webp");
	background-size: cover;
	background-position: center;
}

.bop-proof {
	background-image:url("../img/pfpt-building.webp");
	background-size: cover;
	background-position: center;
}

.bop-nium {
	background-image:url("../img/nium-element.webp");
	background-size: cover;
	background-position: center;
}


.bmc-featured {
	background-color:#000;background-image:url("../img/bmc-cs.webp");
	background-size:cover;
	background-repeat:no-repeat;
	width:100%;
	aspect-ratio: 7.7/6;
	margin-bottom: 30px;
	background-position: center;
}

.scatr-featured {
	background-color:#000;background-image:url("../img/scatr-cs.png");
	background-size:cover;
	background-repeat:no-repeat;
	width:100%;
	aspect-ratio: 7.7/6;
	margin-bottom: 30px;
	background-position: bottom right;
}
.scout-featured {
	background-color:#000;background-image:url("../img/scout-cs.webp");
	background-size:cover;
	background-repeat:no-repeat;
	width:100%;
	aspect-ratio:7.7/6;
	margin-bottom:30px
}

.salt-featured {
	background-color:#000;background-image:url("../img/salt-cs.webp");
	background-size:cover;
	background-repeat:no-repeat;
	width:100%;
	aspect-ratio:7.7/6;
	margin-bottom:30px
}

.foundation-featured {
	background-color:#000;background-image:url("../img/foundation-work-cs.webp");
	background-size:cover;
	background-repeat:no-repeat;
	width:100%;
	aspect-ratio:7.7/6;
	margin-bottom:30px
}


.informatica-ai-featured {
	background-color:#000;background-image:url("../img/info-ai-cs.webp");
	background-size:cover;
	background-repeat:no-repeat;
	width:100%;
	aspect-ratio:7.7/6;
	margin-bottom:30px
}

.infa-auto {
	background-color:#000;background-image:url("../img/infa-auto.webp");
	background-size:cover;
	background-repeat:no-repeat;
	width:100%;
	aspect-ratio:7.7/6;
	margin-bottom:30px
}

.infa-health {
	background-color:#000;background-image:url("../img/infa-health.webp");
	background-size:cover;
	background-repeat:no-repeat;
	width:100%;
	aspect-ratio:7.7/6;
	margin-bottom:30px
}

.infa-finance {
	background-color:#000;background-image:url("../img/infa-finance.webp");
	background-size:cover;
	background-repeat:no-repeat;
	width:100%;
	aspect-ratio:7.7/6;
	margin-bottom:30px
}



.two-lines {
	padding-top:43% !important;
	line-height: 35px;
}


.bg-found-orange {
  background-color: #f39827;
}


.bg-bmc-red {
  background-color: #ec6656;
}

.bg-bmc-blue {
  background-color: #244483;
}


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


.two-lines {
	padding-top:43% !important;
	line-height: 14px;
}

}


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

.info-ai  {
	background-image:url("../img/info-ai-cs.webp")
}

.two-lines {
	padding-top:43% !important;
	line-height: 60px;
}

}

@media screen and (max-width:5767px){ 
.info-ai { 
	background-image:url("../img/info-ai-cs.webp");
	background-size: cover;
	background-position: right;
}
}

.monster {
padding: 0px;
}