style.css

body {
    padding: 0;
    margin: 0;
}

h1, h2, h3, a, p {
    font-family: 'Architects Daughter', cursive;
}

div {
    box-sizing: border-box;
}


header {
    background: url('img/bg_png/beck.png') no-repeat center top / cover;
    height: 650px;
    /* padding-bottom: 100px; */
}

.container {
    /* width: 930px; */

    margin: 0 auto;
}

nav {
    float: right;
    margin-top: 30px;

}

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

.menu li {
    display: inline;
    margin-right: 30px;
    font-size: 14px;
}

.menu li a {
    color: #fff;
    text-decoration: none;
}

.logo {
    width: 450px;
    height: auto;
    margin-top: 50px;
    margin-left: 580px;
}

.mail {
    width: 300px;
    height: 300px;
    margin-top: -200px;
    margin-left: 50px;
}

input {
    padding: 0;
    width: 100%;
    height: 40px;
    padding: 0 10px;
    font-size: 16px;
    margin-bottom: 15px;
    border: none;
    border-bottom: 3px solid rgb(9, 187, 187);
    outline: none;
}

h3 {
    color: rgb(9, 187, 187);
}

.button-sent {
    text-align: center;
}

.btn{
    width: 200px;
    padding: 13px 30px;
    margin: 5px 0 20px 0;
    font-size: 25px;
    background: linear-gradient(90deg, #FB6A4E, #FF606A);
}

.title {
    padding-top: 115px;
    text-align: center;
}

.requirement {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 130px;
    justify-content: center;
  }
  .card {
    display: flex;
    width: 24%;
    margin: 40px .5%;
    padding: 0 8px;
    position: relative;
    text-align: center;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    font-size: 14px;
    background: #fafafa;
  }
  .card-img {
    height: 125px;
    margin-top: 35px;
    margin-bottom: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .card-img img {
    max-height: 100%;
  }
  .card-text {
    text-align: left;
  }


#help {
    background-color: rgb(9, 187, 187);
}

#help h2 {
    font-size: 2rem;
    text-align: center;
    color: white;
    margin-bottom: 100px;
    padding-top: 115px;
}

.team {
    width: 100%;
    height: auto;
}
@media (min-width: 950px) {
    .container_help {
    display: flex;
}
.box_1 {
    flex: 2;
}
.box_2 {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    flex: 1;
    font-size: 1rem;
    color: white;
}


.step {
    display: flex;
    margin: 75px 0 50px 0;
  }
.number {
    font-size: 60px;
    margin-top: -20px;
  }
.one {
    margin-left: 50px;
    margin-right: 30px;
  }
.two {
    margin-left: 150px;
    margin-right: 40px;
  }

}

.offers {
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    margin-top: 80px;
  }
  .offers__icon {
    width: 33.3333%;
    margin-bottom: 110px;
  }
  .function {
    width: 170px;
    height: 170px;
    margin: 0 auto;
    margin-top: 35px;
    transition: all .2s linear;
  }
  .function:hover {
    margin-top: 0;
    width: 205px;
    height: 205px;
  }
  .offers__icon_1 {
    background: url(img/offers/1.png) center no-repeat;
  }
  .offers__icon_1:hover {
    background: url(img/offers/hover1.png) center no-repeat;
  }
  .offers__icon_2 {
    background: url(img/offers/2.png) center no-repeat;
  }
  .offers__icon_2:hover {
    background: url(img/offers/hover2.png) center no-repeat;
  }
  .offers__icon_3 {
    background: url(img/offers/3.png) center no-repeat;
  }
  .offers__icon_3:hover {
    background: url(img/offers/hover3.png) center no-repeat;
  }
  .offers__icon_4 {
    background: url(img/offers/4.png) center no-repeat;
  }
  .offers__icon_4:hover {
    background: url(img/offers/hover4.png) center no-repeat;
  }
  .offers__icon_5 {
    background: url(img/offers/5.png) center no-repeat;
  }
  .offers__icon_5:hover {
    background: url(img/offers/hover5.png) center no-repeat;
  }
  .offers__icon_6 {
    background: url(img/offers/6.png) center no-repeat;
  }
  .offers__icon_6:hover {
    background: url(img/offers/hover6.png) center no-repeat;
  }
  .services__title {
    margin-top: 40px;
    font-size: 18px;
    text-transform: uppercase;
  }

  #offer h2 {
    font-size: 2rem;
    text-align: center;
    color:  rgb(9, 187, 187);
    margin-bottom: 100px;
    padding-top: 115px;
}

.contacts {
    color: #fff;
    background: url(img/bg_png/3.png) right no-repeat;
    -webkit-background-size: 100% 100%;
  }
  .contacts__content {
    display: flex;
    justify-content: space-around;
    padding: 100px 0 130px 0;
  }

  #contacts h2 {
    font-size: 2rem;
    text-align: center;
    color:  rgb(9, 187, 187);
    margin-bottom: 100px;
    padding-top: 115px;
}
.social__icons {
    margin-top: 95px;
    display: flex;
  }
  .social {
    width: 32px;
    height: 32px;
    margin-right: 55px;
  }
  .in {
    background: url(img/social/linkedin.png);
    transition: all .2s linear;
  }
  .in:hover {
    background: url(img/social/linkedin_active.png);
  }
  .tw {
    background: url(img/social/twitter.png);
    transition: all .2s linear;
  }
  .tw:hover {
    background: url(img/social/twiter_active.png);
  }
  .fb {
    background: url(img/social/fb.png);
    transition: all .2s linear;
  }
  .fb:hover {
    background: url(img/social/fb_active.png);
  }
  .map {
    display: flex;
    width: 100%;
  }

  .footer {
    width: 100%;
    margin-top: -10px;
    padding: 35px 0;
    background: url(img/bg_png/3.png) bottom no-repeat;
    text-align: center;
    text-transform: uppercase;
    font-size: 16px;
    color: #fff;
  }