Andrew

.block:last-child{
margin: 0 auto;
}

$(document).ready(function(){
    $("#first-block").on("click","a", function (event) {
        event.preventDefault();
        var id  = $(this).attr('href'),
            top = $(id).offset().top;
        $('body,html').animate({scrollTop: top}, 1500);
    });
});

$(document).ready(function(){
    $("#first-block").on("click","a[href^='#']", function (event) {
        event.preventDefault();
        var id  = $(this).attr('href'),
            top = $(id).offset().top;
        $('body,html').animate({scrollTop: top}, 1500);
    });
});

.parent {
display: flex;
justify-content: flex-end;
}
.text {
text-align: right;
}

function initSuperAnimation() {
    $('.top').mouseover(function () {
      $('.top').mousemove(function (e) {
        var a = $(this).width() - e.pageX - $(this).offset().left,
          t = e.pageY - $(this).offset().top,
          i = a / $(this).width(),
          o = t / $(this).height(),
          s = -20 * i,
          n = 15 - 30 * o;

        TweenMax.to($(".layer-1__red-peper"), .5, {marginLeft: s * 1.5, marginTop: n * 1.5, ease: Quad.easeOut})
        TweenMax.to($(".layer-1__misk, .layer-3__main, .layer-2__main"), .5, {
          marginRight: s * 2.5,
          marginTop: -n * 1.5,
          ease: Quad.easeOut
        })
        TweenMax.to($(".layer-1__cucumber"), .5, {marginLeft: s * 5.5, marginTop: -n * 2, ease: Quad.easeOut})
        TweenMax.to($(".layer-1__tomato"), .5, {marginLeft: s * 2, marginTop: -n * 2, ease: Quad.easeOut})
        TweenMax.to($(".layer-1__green"), .5, {marginLeft: s * 1.5, marginTop: -n * 2, ease: Quad.easeOut})
        TweenMax.to($(".layer-1__water-2"), .5, {marginLeft: s * 5, marginTop: -n * 2, ease: Quad.easeOut})
        TweenMax.to($(".layer-1__water-1"), .5, {marginLeft: s * 2, marginTop: -n * 2, ease: Quad.easeOut})
        TweenMax.to($(".layer-1__water-3"), .5, {marginLeft: s * 6, marginTop: n * 2, ease: Quad.easeOut})
        TweenMax.to($(".layer-1__yellow-pepper"), .5, {marginLeft: s * 3.5, marginTop: -n * 2.5, ease: Quad.easeOut})
        TweenMax.to($(".layer-2__fruit"), .5, {marginLeft: s * 2, marginTop: -n * 2, ease: Quad.easeOut})
        //TweenMax.to($('.layer-3__main'),.5,{marginRight:s*2.5,marginTop:-n*1.5,ease:Quad.easeOut})
        TweenMax.to($(".layer-3__mushrom"), .5, {marginLeft: s * 5.5, marginTop: n * 2, ease: Quad.easeOut})
        TweenMax.to($(".layer-3__leaf-3"), .5, {marginRight: -s * 2, marginTop: -n * 3.5, ease: Quad.easeOut})
        TweenMax.to($(".layer-3__leaf-1"), .5, {marginRight: s * 3.5, marginTop: n * 4, ease: Quad.easeOut})
        TweenMax.to($(".layer-3__leafs"), .5, {marginLeft: s * 2, marginTop: -n * 2, ease: Quad.easeOut})
        TweenMax.to($(".layer-3__mushrom-2"), .5, {marginRight: s * 5.5, marginTop: n * 2, ease: Quad.easeOut})
      });
    }).mouseout(function () {
      $(this).unbind("mousemove");
    });
  }

p {
color: #000;
font-size: 20px;
}
p span{
font-size: 30px;
color: green;
padding: 10px 5px;
}

p {
color: #000;
font-size: 20px;
}
p:first-letter{
font-size: 30px;
color: green;
padding: 10px 5px;
}

.text{
margin: 0;
padding: 0;
}

@media screen and (max-width: 768px){
.services ul li{
width: 100%;
}
}

#contact_block{
    display: flex;
    font-family: UniversLTCYR-57Condensed, sans-serif;
    align-items: flex-end;
background-color: red;	
  flex-direction: row-reverse;
}
//или
.header_contacts{
order: 2;
}

.search-box {
    width: 100%;
    margin: 15px 0;
    display: flex;
}

<form class="form-group search-box d-flex">
  <input placeholder="Search..." class="form-control">
  <button class="btn btn-default">
    <i class="fa fa-search"></i>
  </button>
</form>

@media (hover: none) and (pointer: coarse) {
   html,body{
overflow: scroll;
}
}