﻿#approach .container h2 {
    margin-bottom: 50px;
}
.movie {
    margin: 0px auto 75px;
}
h3.change {
    margin-bottom: 35px;
}
#approach:after {
    height: 42%;
    top: 940px;
}
#approach img.logo {
    top: 520px;
}


@media screen and (max-width: 900px) {
.video {
    position: relative;
    height: 0;
    padding: 30px 0 56.25%;
    overflow: hidden;
    margin-bottom: 50px;
}
iframe.movie {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
}

@media screen and (min-width: 768px) and (max-width: 1224px) {
#approach img.logo {
    top: 600px;
}
}

@media screen and (max-width: 767px) {
#approach img.logo {
    top: 500px;
}
}

@media screen and (max-width: 580px) {
#approach img.logo {
    top: 110px;
}
}
