@media screen and (min-width:980px) {
    .body {
        width: 980px;
        margin: 0 auto 0;
    }
}

@media screen and (max-width: 979px) {
    .body {
        width: 100%;
    }

}

@media screen and (max-width: 767px) {
    .body {
        width: 100%;
    }

}

@media screen and (max-width: 479px) {
    .body {
        width: 100%;
    }
}

.top-pading {
    padding-top: 35px;
}

.number {
    padding: 35px;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 35px;
    font-size: 20px;
}

.number span {
    flex: 0 0 auto;
    width: 100%;
    justify-content: center;
    display: flex;
}

@media screen and (min-width:980px) {
    .number-text {
        font-size: 50px;
    }

    .title {
        font-size: 25px;
    }

}

@media screen and (max-width: 479px) {
    .number-text {
        font-size: 30px;
    }

    .title {
        font-size: 15px;
    }

}


.contact-form {
    width: 100%;
}

.row-f {
    display: flex;
    flex-wrap: wrap;
}


.row-f span {
    flex: 0 0 auto;
    width: 25%;
    margin-left: 5%;
}

.row-f input {
    flex: 0 0 auto;
    width: 60%;
    margin-right: 10%;
}

.row-f form {
    flex: 0 0 auto;
    width: 60%;
    margin-right: 10%;
}

.row-f select {
    flex: 0 0 auto;
    width: 60%;
    margin-right: 10%;
}

.row-f textarea {
    flex: 0 0 auto;
    width: 60%;
    margin-right: 10%;
}

.contact-form hr {
    margin-top: 25px;
    margin-bottom: 25px;
}

.contact-form button {
    width: 60%;
    margin-left: 20%;
    margin-right: 20%;
    letter-spacing: 20px;
}

.error-font-size {
    font-size: 1rem;
}

.success {
    color: rgb(48, 166, 48)
}