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

.containerAstoundYoutubeCasestudyContain{
background-color:#111;
}
.containerAstoundYoutubeCasestudy{
    position: relative;
    width: 100%;
    max-width:1920px;
    margin-left:auto;
    margin-right:auto;
    height: 0;
    padding-bottom: 56.25%; 

}

.containerAstoundYoutubeCasestudyVideo{

    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    }

.caseStudyTextBlock img{
width:100%;
height:auto;
}

.csBGImageContain{
background-size:cover; background-position:center;
}

.aspect32x9{
	padding-bottom: 28.125%
}

.aspect16x9{
	padding-bottom: 56.25%
}


.aspect1x1{
	padding-bottom: 100%
}

.aspect9x16{
	padding-bottom: 177.77%
}
.csImage2Up{
display:flex;
}
.csImage2Up figure{
width:50%;
}
.csImage2Up img{
width:100%;
height:auto;
}

.csTextBlock img{
width:100%;
height:auto;
}

.csFeaturedImageContainer{
height:500px; background-size:cover; background-position:center;

padding:3em;
}

.csFeaturedImageContainer h1{
	color:#fff;
	font-size:4em;
	line-height:.85em;
}
.csFeaturedImageContainer h2{
	color:#fff;
	font-size:1em;
}
.csFeaturedImageContainer p{
	color:#fff;
}

.csDarkOverlay{
   position: absolute;
   top: 0;
   left: 0; 
   right: 0;
   bottom: 0;
   background-color: rgba(0, 0, 0, 0.5); 
   padding:3em;
}

.video-container {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
}
.video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.imageFloatRight50{
float:right;width:calc(50% - 9px);height:auto;margin:18px;margin-top:0px; margin-right:0px;
}
.imageFloatLeft50{
float:left;width:calc(50% - 9px);height:auto;margin:18px;margin-top:0px;margin-left:0px;
}

@media (max-width: 576px) {

	.imageFloatRight50{
	float:right;width:100%;height:auto;margin:18px;margin-top:0px; margin-right:0px;margin-left:0px;
	}
	.imageFloatLeft50{
	float:left;width:100%;height:auto;margin:18px;margin-top:0px;margin-left:0px;margin-right:0px;
	}
}
.genericCoverBackgroundImage{
background-size:cover; background-position:center;
}

.caseStudyDetailsContainer h1{
margin-bottom:.25em;
}