.container {
    width: 100%;
    max-width: 1240px;
    margin: 0 auto;
}

.top-part {
    position: relative;
    display: flex;
    background: #007933;
    align-items: flex-end;
    margin-bottom: 3px;
}

.top-part .wrapImg {
    margin: 0;
    flex: 1 1 50%;
}
  
.top-part .wrapImg img {
    display: block;
}

.blue-block {
    position: relative;
    padding: 50px 0 150px;
    background: #78BD1F;

}

.container-inner {
    width: 100%;
    max-width: 1110px;
    margin: 0 auto;
}

h1 {
    margin: 0;
}

h1 {
    font-family: ArialMT, sans-serif;
    font-size: 5.5vw;
    font-weight: 400;
    text-transform: uppercase;
    color: white;
    padding-right: 15px;
    margin-bottom: -25px;
}

p {
    font-family: ArialMT, sans-serif;
    font-size: 2.7rem; 
    font-size: 27px;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 30px;
    color: #fff;
}

img {
    width: auto;
    max-width: 100%;
    height: auto;
}

html {
    font-size: 62.5%;
    height: 100%;
    background: #dadada;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    font-family: ArialMT, sans-serif;
    position: relative;
    overflow-x: hidden;
    min-width: 320px;
    margin: 0;
    padding: 0;
    word-wrap: break-word;
    color: #000;
    background: #fff;
}

.top-part .wrapImg {
    margin: 0;
    flex: 1 1 50%;
}

.top-part .wrapImg img {
    display: block;
}

.top-part h1 {
    margin-bottom: 70px;
    text-align: center;
    flex: 1 1 50%;
}

@media (max-width: 600px) {
    .top-part {
      flex-wrap: wrap;
    }
  }
  
@media (max-width: 767px) {
    .top-part h1 {
      padding-right: 15px;
      padding-left: 15px;
    }
  }
  
@media (max-width: 600px) {
    .top-part h1 {
      margin-top: 30px;
      margin-bottom: 30px;
      flex-basis: 100%;
    }
  }

@media (max-width: 600px) {
    .top-part .wrapImg {
      flex-basis: 100%;
    }
}

@media (min-width: 1200px) {
    h1 {
      font-size: 6.9rem; 
      font-size: 69px;
    }
}
  
@media (max-width: 767px) {
    h1 {
      font-size: 3rem; 
      font-size: 30px;
    }
}

p:last-child {
    margin-bottom: 0;
}

@media (max-width: 600px) {
    p {
      font-size: 2.2rem; 
      font-size: 22px;
    }
}

@media (max-width: 1200px) {
    .container-inner {
      padding: 0 15px;
    }
}