.introduction {
    padding: 40px;
    margin: 0 auto;
    width: 60%;


    @media screen and (max-width: 640px) {
        width: 90%;

    }


}

.introduction p {
    color: black;
    font-weight: bold;
    font-family: cursive;
    font-size: 16px;
}

.wsite-section-wrap {
    display: table;
    table-layout: fixed;
    width: 100%
}

.wsite-section {
    display: table-cell;
    width: 100%;
    height: 230px
}

.wsite-section-wrap:only-child .wsite-body-section {
    height: 400px;
    vertical-align: top
}

.wsite-not-footer {
    text-align: left;
}

.main-wrap .container {
    padding: 60px 40px;
    max-width: 1350px;
    margin: 0 auto;
}

.container,
.wsite-footer {
    position: relative;
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
}

@media screen and (max-width: 992px) {
    .main-wrap .container {
        padding: 30px 20px;
    }

    .container,
    .wsite-footer {
        overflow: hidden;
    }
}

h2,
.wsite-content-title,
.paragraph {
    word-wrap: break-word;
}

h2 {
    color: #000000;
    font-family: 'Poppins', sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.2;
    margin: 0 auto 10px;
}