li {
    margin-top: 10px;
}

.thoxt-logo-story {
    font-family: 'antipol-variable', sans-serif;
    color: #ff0;
    color: black;
    font-size: 5em;
    line-height: 1em;
}

.thoxt-logo-story a:hover {
    text-decoration: none;
}

.page-section, .about-div {
    font-family: "Jost", sans-serif;
    font-size: 1em;
}

.text-section {
    max-width: 1250px;
    margin: 0 auto;
    text-align: left;
}

.page-section img {
    border: none;
}

.story-image-full {
    width: 100vw;
}
.story-image-wide {
    width: 800px;
}
.story-image-horiz {
    width: 450px;
}

.move-up {
    transform: translateX(0%);
}

.section-content.team {
    margin: 0 auto;
}

.resources-div .text-section {
    width: 850px;
    margin: 30px auto;
}

.features-cartoon {
    width: 320px;
}

.features-blocks {
    gap: 30px;
    flex-wrap: wrap;
}

.features-block {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: fit-content;
    max-width: 320px;
    height: 450px;
    padding: 10px;
    font-size: 1.2em;
    background-color: white;
}

.features-div .flex {
    width: 1000px;
    max-width: 100vw;
    align-items: flex-start;
    margin: 10px auto;
    gap: 20px;
}

.features-div .top-section-content {
    align-items: center;
}

@media screen and (max-width: 1000px) {

    p, h2, h3, h4, span {
        padding-left: 10px;
        padding-right: 10px;
    }

    p {
        line-height: 1.3em;
    }

    h2 {
        line-height: 1.1em;
    }

    .thoxt-logo-story {
        margin: 0;
    }

    .resources-div {
        padding: 10px;
    }

    .text-section {
        max-width: 100vw;
        margin: 0;
    }
}