.livestream-wrapper {}
.livestream-wrapper h4 {
    text-transform:uppercase;
    color:#a70e16;
    letter-spacing: 2px;
    font-size: 17px;
    max-width:74.6%;
}
.livestream-wrapper h1 {
    font-size: 46px;
    margin: 0 0 .5em;
    line-height: 45px;
    max-width:74.6%;
}
.livestream-wrapper h2 {
    font-size:14px;
    padding:10px 0;
    border:solid 1px #888;
    border-left:none;
    border-right:none;
    margin-bottom: 25px;
    grid-area: h2;
    max-width:74.6%;
}

.livestream-wrapper p {
    font-family: 'Times New Roman', Times, serif;
    max-width: 74.6%;
    font-size: 19px;
    line-height: 1.3em;
}

.livestream-wrapper p.lead {
    font-size: 27px;
    line-height: 1.2em;
    margin-top: 30px;
    color: #666;
}

.livestream-card {
    display: grid;
    grid-template-areas: "video";
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-gap: 1.3em;
}
.livestream-card-video-intro {
    grid-area: video;
	grid-column-start: 1;
	grid-column-end: 4;
}
.livestream-card-video {
	 position: relative;
	 width: 100%;
	 padding-bottom: 56.25%;
	 height: 0;
	 margin-bottom:15px;
}
.livestream-card-video iframe {
	 position: absolute;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
}
.livestream-card-content {
    grid-area: content;
}
.livestream-card-content-post {
    display:none;
}

.livestream-card h3, .livestream-card-content-post h3 {
    text-transform:uppercase;
    color:#333;
    letter-spacing:1px;
    font-size: 15px;
    margin-top: 0;
    font-weight: bold;
    border-bottom: none;
}
.livestream-card p, .livestream-card-content-post p {
    font-size: 15px;
    padding-bottom: 20px;
    max-width: 100%;
    font-family: "proxima-nova", "Helvetica Neue", Helvetica, Verdana, Arial, sans-serif;
    line-height: 1.4em;
}
.livestream-card-content-post p {
    padding-bottom:0;
}
.livestream-card-video-intro .livestream-card-intro p.lead {
    font-size: 27px;
    line-height: 1.2em;
    margin-top: 30px;
    color: #666;
    max-width:100%;
}
.livestream-card-video-intro .livestream-card-intro p {
    font-family: 'Times New Roman', Times, serif;
    padding-bottom:0;
    font-size: 19px;
    line-height: 1.3em;
    max-width:100%;
}

@media only screen and (max-width: 950px) {
    
h1, h2, h3, h4, p, p.lead {
    max-width:100%!important;
}

.livestream-card {
    display: block;
}

.livestream-card-video {
    margin-bottom:20px;
}

.livestream-card-content {
    display:none;
}

.livestream-card-content-post {
    display:block!important;
    padding: 20px;
    /*border: 1px solid #666;*/
    background-color:#eee;
}

p.lead {
    margin-top:0;
}

}