.twoColumnContainer{justify-content:center;align-items:center;}
.columnMedia{margin:0 auto;display:block;padding:1rem 2rem;}
.columnContent{padding:1rem 2rem;}

/* VIDEO MEDIA */
.videoContainer{
  display: flex;
  justify-content: center;
  align-items: center;
  position:relative;
}
.videoContainer img.videoThumbnail5{
  box-shadow:-8px 8px 0px var(--brand-purple-5)!important;
  border:1px solid var(--brand-purple-2);
  border-radius:.5rem;
}
.play-button-animation{
  margin: 25% auto;
  width: 8rem;
  height: 8rem;
  position:absolute;
  background-color:var(--brand-purple-3);
  opacity:.75;
  cursor: pointer;
  border-radius:50%;
  animation: blink 3s ease 0s infinite normal forwards;
}
.play-button-outer{
  margin: 13% auto;
  width: 6rem;
  height: 6rem;
  background-color: var(--brand-purple-2);
  cursor: pointer;
  border-radius:50%;
}
.play-button{
  margin: 0 auto;
  top: 25%;
  left:4%;
  position: relative;  
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 1.5em 0 1.5em 3em;
  border-color: transparent transparent transparent #fff;
  opacity: 1; 
}
.play-button-outer:hover {background-color: rgba(120, 18, 222, .5);}
.play-button-outer:hover .play-button {opacity: 1;}
.videoPopupContainer{
  background-color:var(--brand-shadow-20);
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0;
  display:none;
  z-index:9999999;
}
.videoPopupColumn{
  max-width:800px;
  max-height:600px;
  margin:4rem auto 0;
  background-color:var(--brand-white);
  border-radius:1rem;
  padding: 1rem 2rem 2rem;
  animation: fade .25s linear 0s 1 normal none;
}
#closeButton5{cursor:pointer;text-align:right;}


/*IMAGE MEDIA*/
.image-container{
  flex: 0 1 50%;  
}
.image-container>img{  
  box-shadow:0px 0px 4px var(--brand-black-5);
  border-radius:.5rem;
}
.image-gallery{ 
  background: var(--brand-shadow-20);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1111111;
  display:none;
}
.slider-container{
  margin: 4rem auto 0;
  max-width:1000px;
  background-color: var(--brand-white);
  padding: .5rem 2rem 2rem;
  border-radius:1rem;
}
.slider-container .modal-close-button{
  font-weight:600;
  font-size:1.5rem;
  color:var(--brand-black-1);
  text-align:right;
  cursor:pointer;
}
.slider-container .modal-close-button:hover{text-decoration:none;}
.slider-container>img{border-radius:.25rem;}


@keyframes fade {
	0% {
		opacity: 0;
		transform: translateY(-50px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}
@keyframes blink {
	0% {
		transform: scale(1);
	}

	50% {
		transform: scale(1.05);
	}

	100% {
		transform: scale(1);
	}
}
  
@media(min-width:768px){
  .twoColumnContainer{
    display:flex;
    flex-direction:row;
  }
  .columnMedia, .columnContent{
    flex:1; 
  }
  .twoColumn-expandable-content--right{
    flex-direction:row-reverse;
  }
}
@media(max-width:768px){
  /*Play button*/
  .play-button-animation{width: 9rem;height: 9rem;}
  .play-button-outer{margin: 10% auto;width: 7rem;height: 7rem;}
  .play-button{top:22%;border-width: 2em 0 2em 3em;}

  /*Image expandable*/
  .slider-container{margin:.5rem!important;}
}