.alert-box{
    background-color: #fff;
    color:#000;
}

.side-nav li {
    border-right: 2px solid #d72121;
}

.content-right, .content-left, .content-right2, .content-middle, .fullwidth-image {
    padding-bottom: 5.5rem;
}

.content-right p, .content-left p, .content-right2 p, .content-left-grey p, .content-right-grey p, .content-middle p {
   border-left: 2px solid #d72121;
   padding-left: 15px;
}

.content-left{
        display:flex;
        flex-direction: column;
    }
    

.content-left-grey {
    position:relative;
    display:flex;
    flex-direction: column-reverse;
}

.content-right-grey {
    position:relative;
    display:flex;
    flex-direction:column;
}

.row .content-right-grey {
    margin-top: 7.5rem;
}



.left-grey-bg {
    position: absolute;
    background-color:#E9EAEA;
    top:0;
    bottom:0;
    left:-1000px;
    right: 0;
    
}



.right-grey-bg {
    position: absolute;
    background-color:#E9EAEA;
    top:0;
    bottom:0;
    left:-1000px;
    right: 0;
}


.grey-content-align {
    margin-top: auto;
    margin-bottom: auto;
    padding-right: 0;
}




.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;
    }
    
    .content-left-grey {

    flex-direction: row;
}


.content-right-grey {

    flex-direction: row;
}
    
    .left-grey-bg {

	 right: 400px;
	 transform: skew(-45deg);
}

 .right-grey-bg {
left: 375px;
	 right: -1000px;
	 transform: skew(45deg);
}



.grey-content-align {
    padding-right: 30px;
}

.black-box {
    background-color: #101820;
    width: 80%;
    height: 425px;
    position: absolute;
    opacity: 0.7;
    z-index: 100;
    left: 10%;
    margin-top: 7%;
}

.middle-description {
    text-align: center;
    z-index: 120;
    color: #fff;
    max-width: 50%;
    left: 25%;
    margin-top: -41%;
}

.middle-description h2{
    color: #fff;
}

.content-middle p {
    border-left: none;
	 padding-left: 0;
}



.vid-button {
    
	 margin-bottom: 7.5rem;

}

 .red-vid-button {
		 width: 35vw;
		 top: -15vh;
		 left:35vw;
	}

}