/* Two Wysiwyg Column * */

.two-wysiwyg-column {
    display:flex;
    flex-flow: row wrap;
    column-gap: 70px;
}

.two-wysiwyg-column div {
    flex: auto;
}


@media (min-width: 64em) {

.two-wysiwyg-column div {
    flex: 1;
}

}

/* Two Wysiwyg Column * */
/* Image-Video Stripe * */

.content-right, .content-left, .content-middle, .lg-video {
	 padding-bottom: 5.5rem;
}
 .content-right p, .content-left p, .content-middle p {
	 border-left: 2px solid #d72121;
	 padding-left: 15px;
}
 .content-left{
	 display:flex;
	 flex-direction: column;
}
 .vid-button {
	 position: relative;
	 display: block;
	 height: auto;
	 left: 50%;
	 right: 50%;
	 margin-left: -50vw;
	 margin-right: -30vw;
	 margin-bottom: 11.5rem;
}
 .red-vid-button {
	 position:absolute;
	 width: 100vw;
	 top: 0;
	 left:10px;
	 padding-right: 22px;
	 list-style-type:none;
}
 @media (min-width: 40em) {
	 .content-left{
		 flex-direction: column;
	}
}
 @media (min-width: 64em){
	 .content-left{
		 flex-direction: row-reverse;
	}
	 .vid-button {
		 margin-bottom: 7.5rem;
	}
	 .red-vid-button {
		 width: 35vw;
		 top: -15vh;
		 left:35vw;
	}
	 .black-box {
		 background-color: #101820;
		 width: 80%;
		 height: 325px;
		 position: absolute;
		 opacity: 0.7;
		 z-index: 100;
		 left: 10%;
		 margin-top: 7%;
	}
	 .content-middle p {
		 border-left: none;
		 padding-left: 0;
	}
	 .middle-description {
		 text-align: center;
		 z-index: 120;
		 color: #fff;
		 max-width: 50%;
		 left: 25%;
		 margin-top: -41%;
	}
	 .middle-description h2{
		 color: #fff;
	}
}
 
/* Image-Video Stripe * */
/* Full-Width Stripe * */


.fullwidth-stripe {
  display:flex;    
  width: 100%;
  flex-flow: column;
  
}


.content-overlay-right, .content-overlay-left {
    max-width: 100%;
    background-color: #000000;
    z-index: 1;
    color: white;
    position: relative;
    
}


.content-overlay-right, .content-overlay-left {
   padding: 30px;

}

.content-overlay-left {
   order:2;

}


.content-overlay-right a, .content-overlay-left a {
    color: #ffffff;
}

.content-overlay-right a:hover, .content-overlay-left a:hover {
    color: #d72121;
}



.content-overlay-right h3, .content-overlay-left h3 {
    color: white;
    
}



.fullstripe-bkgd {
    width:100%;
    min-height:300px;
    background-size:cover;
    background-repeat:no-repeat;
}

.bkgd-top {
    background-position: top;
}

.bkgd-center {
    background-position: center;
}

.bkgd-bot {
    background-position: bottom;
}

.bkgd-default {
    background-position: unset;
}

.bkgd-black {
    width:100%;
    min-height:200px;
    background-size:cover;
    background-repeat:no-repeat;
    background-color: #000000;
}

.bkgd-red {
    width:100%;
    min-height:200px;
    background-size:cover;
    background-repeat:no-repeat;
    background-color: #d72121;
}


@media (min-width: 64em) {

.fullwidth-stripe {
  display:flex;    
  width: 100vw;
  flex-flow: nowrap;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}


.content-overlay-right, .content-overlay-left {
    max-width: 600px;
}


.content-overlay-right {
   padding: 70px 100px 70px 50px;
    
}

.content-overlay-left {
   padding: 70px 50px 70px 100px;
   order:0;

}


.fullstripe-bkgd {
    min-height:200px;

}
    
}



/* Full-Width Stripe * */
/* Stats * */


.stat-box {
	 margin-top:10px;
	 display: flex;
	 flex-flow: row wrap;
	 justify-content: space-evenly;
}
 .stat-box h3 {
	 width: 100%;
	 text-align: center;
}
 .fact {
	 max-width: 300px;
	 flex:1;
	 padding: 20px 20px 0 20px;
}

.fact .num {
    font-size: 250%;
}

.fact .subject {
    font-size: 130%;
}


/* Stats * */