.curl-1 {
    background-color: #f2f5f7
}

@media screen and (min-width: 992px) {
    .curl-1 {
        position: relative;
        padding: 20vh 0;
        margin-bottom: 0;
        min-height: calc(60vh)
    }

        .curl-1:after, .curl-1:before {
            content: " ";
            position: absolute;
            height: 10vh;
            width: 100%;
            background-color: #fff
        }

        .curl-1:before {
            top: 0;
            border-radius: 0 100%/0 0 100% 100%
        }

        .curl-1:after {
            bottom: 0;
            border-radius: 0 100%/0 80% 20% 0
        }

        .curl-1.flat-bottom:after {
            height: 0;
            border-radius: 0
        }
}

.curl-1 h2 {
    font-weight: 700;
    font-size: 1.6em;
    margin-bottom: 1em
}

@media screen and (min-width: 992px) {
    .curl-1 h2 {
        font-size: 1.4em
    }
}

@media screen and (min-width: 1200px) {
    .curl-1 h2 {
        font-size: 1.8em
    }
}

@media screen and (min-width: 992px) {
    .curl-1 h2 {
        line-height: 1.3em;
        margin: 0 0 40px
    }

    .curl-1 p {
        font-size: 1.3em
    }
}

.curl-1 p {
    margin-bottom: 2em
}

.curl-1 .btn {
    margin: 0
}