.upload-video {
  position: relative;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}

.upload-video video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: fill;
}

.embedded-video {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}

.node--view-mode-frontpage-category-teaser .embedded-video,
.node--view-mode-frontpage-category-teaser .upload-video{
	z-index:-1000;
}

.field--name-field-video {
  text-align:center;
}

.field--name-field-video .embedded-video iframe {
  width: 80%;
}

.page-node-type-story div:not(.field--name-field-video) > .embedded-video iframe,
.page-node-type-story div:not(.field--name-field-video) > .embedded-video object,
.page-node-type-story div:not(.field--name-field-video) > .embedded-video embed,
.node--view-mode-teaser a > .embedded-video iframe,
.node--view-mode-teaser a > .embedded-video object,
.node--view-mode-teaser a > .embedded-video embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 80%;
  height: 80%;
}

.page-node-type-video .embedded-video iframe,
.page-node-type-video .embedded-video object,
.page-node-type-video .embedded-video embed,
.node--view-mode-sidebar-teaser a > .embedded-video iframe,
.node--view-mode-sidebar-teaser a > .embedded-video object,
.node--view-mode-sidebar-teaser a > .embedded-video embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media ( min-width : 600px) and (max-width : 850px) {
  .upload-video {
    width: 100%;
  }
  .embedded-video {
    width: 100%;
  }
}