@media screen and (max-width : 800px) {
    section#records {
        padding: 8vh 0px;
        background-color: #111;
    }

    section#records .records_container {
        flex-direction: column;
    }


    section#records .records_container .record_item {
        padding: 24px 0px;
        margin:8px auto;
        width:80%;
    }



    section#focus {
        flex-direction: column;
        min-height: unset;
    }

    section#focus .focus_container {
        width: 100%;
        background-image: url('static/images/index/bg_lines.png');
        background-size: cover;
        background-position: center 10%;
    }

    section#focus #focus_image {
        display: none;
    }









    section#provide_services {
        padding: 0px 16px;
        min-height: 2vh;
    }


    section#provide_services h2 {
        padding: 4vh 0px;
    }


    section#provide_services>div.container {
        display: block;
    }

    section#provide_services>div.container>.card {
        height: 20vh;
    }

    section#investors h2 {
        letter-spacing: 0px;
    }

    section#cases>div.text_container {
        left: 0px;
        width: 100%;
        backdrop-filter: blur(2px);
    }


    .cases_container {
        display: grid;
        grid-auto-flow: row;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 8px;
    }

    .autoWidth {
        width: 100% !important;
    }

    section#contact {
        min-height: unset;
    }


}