.vid{
overflow:hidden;
padding:0px 1%;
}
.vid>.struct{
width:49%;
float:left;
}
.vid>.video{
width:49%;
float:right;
}
.vid>.title{
width:50%;
clear:both;
color:#9A231D;
padding-bottom:10px;
border-bottom:1px solid #9A231D;
margin-bottom:10px;
font-size:20px;
font-weight:bold;
font-family:'Arial';
}
.vid>.struct>.con{
text-align:justify;
font-family:'Arial';
font-size:16px;
line-height:140%;
}
.vid>.struct>.conts>.co>div{
margin-bottom:1%;
}
.vid>.struct>.conts>.co,.vid>.struct>.conts>.cont-1{
font-family:'Arial';
font-size:16px;
}
.vid>.struct>.conts>.cont-1{
margin-bottom:1%;
}
.vid>.struct .title-2{
color:#9A231D;
font-size:18px;
font-family:'Arial';
margin:2% 0px 1% 0px;
font-weight:bold;
}
@media screen and (min-width: 1240px) {
}
@media (min-width: 1200px) and (max-width: 1239px){
}
@media (min-width: 992px) and (max-width: 1199px){
}
@media (min-width: 750px) and (max-width: 991px){
.vid>.struct,.vid>.video{
width:100%;
float:none;
}
.vid>.video{
margin-top:2%;
}
}
@media (min-width: 0px) and (max-width: 749px){
.vid{
padding:0px 2%;
}
.vid>.struct,.vid>.video{
width:100%;
float:none;
}
.vid>.video{
margin-top:2%;
}

}