.embed {
  position: relative;
  max-width: 100%;
  margin: 0;
  padding: 0; }
  .embed iframe,
  .embed object {
    max-width: 100%; }
  .embed img {
    display: block;
    max-width: 100%;
    height: auto; }
  .embed--video {
    background-color: #ddd;
    overflow: hidden; }
    .embed--video iframe,
    .embed--video object {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
  .embed--error {
    font-size: .8em; }
  .embed__thumb {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    cursor: pointer; }
    .embed__thumb > img {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 25%;
      min-width: 75px;
      max-width: 175px;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      -webkit-transition: opacity .3s ease-in-out;
      -o-transition: opacity .3s ease-in-out;
      transition: opacity .3s ease-in-out;
      opacity: 1; }
    .embed__thumb:hover > img {
      opacity: 1; }