/**
 * @file
 *   CSS for the YouTube Field module.
 */

/* Takes effect when a field's 'size' display setting is 'responsive'. */
.youtube-container--responsive {
  overflow: hidden;
  position: relative;
  padding-bottom: 42.6%;
  height: 0;
}

.youtube-container--responsive iframe {
  border: none;
  position: absolute;
  top: -8.9%;
  left: 0;
  width: 100%;
  height: 100%;
}


@media screen and (max-width: 510px) {
    
.youtube-container--responsive {
        
    height: 450px;
}

.youtube-container--responsive iframe {
    
    top: -12.9%%;
    
}
}