.YoutubePlayer{
        /* border:1px solid #ddd; */
        margin: 2px 0;
        border-bottom:none;
        /* padding: 0px 5px; */
        background: #dfdcc6;
}
.Youtube-Header {
   background-color: #ededed;
   /* border-bottom: 1px solid #fff; */
   /* text-align: center; */
   margin-top: 10px;
   padding-left: 35px;
   position:relative;
}
.Youtube-Header:before {
     content: '';
    position: absolute;
    top: 11px;
    left: 10px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 8px solid #033079;
}
.Youtube-Header .Text{
        margin-bottom: 0 !important;
}
.Youtube-Header .Text a{
    text-transform: uppercase;
    font-size: 14px;
    color: #033079;
    font-weight: bold;
    line-height: 35px;
}
.YoutubePlayer .Header {
        height: 35px;
        text-align: center;
        background-color: #004ee3;
}
.YoutubePlayer .Header .Text a {
        color: #FFFFFF;
        line-height:35px;
        font-weight:bold;
        text-transform: uppercase;
}
.YoutubePlayer .Header .Text {
        color: #fff;
        font-size:13px;
        font-weight:bold;
}
.YoutubePlayer .Title {
         font-weight: bold; 
        text-align: center;
        padding: 5px;
}
.YoutubePlayer .Title:hover {
        color:#004ee2;
}
.YoutubePlayer iframe {
        width: 100% !important;
        height: 215px;
}

@media only screen and (max-width: 768px) {

  .Youtube-Header,
  .YoutubePlayer {
    width: 100vw !important;
    padding: 0 10px !important;
    border: none;
  }
  .Youtube-Header {
    background-color: transparent;
  }

  .Youtube-Header p {
    background-color: #ff4e00;
  }
}