* {
  box-sizing: border-box;
}

body {
  margin: 0;
}

.picture {
  padding: 3em;
}

.video {
  display: flex;
  align-items: center;
  flex-direction: column;
}

.video iframe {
  width: 70vw;
  height: 39.375vw;
  /* 16/9 = 1,7778 width/1,77878 */
  border: 1px solid #FF3434;
  margin-bottom: 2em;
}


.pdf_file {
  width: 33vw;
  height: 80vh;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.responivePicture {
  width: 50vw;

  display: block;
  margin-left: auto;
  margin-right: auto;
}


.row {
  display: flex;
  flex-wrap: wrap;
  padding: 3px;
}

.column {
  flex: 50%;
  max-width: 50%;
  padding: 3px;
}

.column img {
  margin-top: 8px;
  vertical-align: middle;
  width: 100%;
}

.video {
  display: flex;
  align-items: center;
  flex-direction: column;
}

.video iframe {
  width: 70vw;
  height: 39.375vw;
  /* 16/9 = 1,7778 width/1,77878 */
  border: 1px solid #FF3434;
  margin-bottom: 2em;
}


@media screen and (min-width: 380px) and (max-width: 880px) {

  .video iframe {
    width: 100vw;
    height: 56.25vw;
    /* 16/9 = 1,7778 width/1,77878 */
    margin-bottom: 2em;
    border: none;
  }
}