.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    margin-bottom: 15px;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* ************************************************************************** */
@media screen and (max-width: 991px) { /* iPad pysty ************************ */

.mobiletop {
  padding-top: 30px; 
}

} /* ************************************************************************ */
@media screen and (max-width: 767px) { /* Puhelin vaaka ********************* */

body {
  font-size: 17px;
}

header #logo img {
  position: relative;
  top: auto;
  left: auto;
  z-index: 9999;
  margin-left: auto;
  margin-right: auto;
  float: none;
}

header nav ul {
  text-align: center;
}

} /* ************************************************************************ */
@media screen and (max-width: 479px) { /* Puhelin vaaka ********************* */

header nav ul li {
  display: block;
}

header nav ul li a {
  display: block;
}

} /* ************************************************************************ */
/* ************************************************************************** */