@media (max-width: 767.98px) {
    .content-1-1{
        margin: 3rem 10%;
    }

    .content-1-1>div:nth-child(1){
        font-size: 2rem;
    }

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

    .content-1-1-1-2{
        margin-top: 1.5rem;
    }

    .content-2{
        background: none;
        height: auto;
        flex-direction: column;
    }

    .content-2-2{
        width: 80%;
        margin: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .content-2-2-1, .content-2-2-2{
        justify-content: space-around;
        margin: 1rem 0;
    }

    .content-2-2-1>div, .content-2-2-2>div{
        width: 45%;
    }

    .content-2-2-2-1{
        width: 100% !important;
    }

    .content-2-2-2-1>div:nth-child(2){
        gap: 5px
    }

    .content-3-2{
        width: 80%;
    }

    .content-4-1 div:nth-child(1){
        margin: 3rem 0 0.5rem 0;
    }

    .content-4 img{
        width: 90%;
    }

    .content-5-1{
        width: 90%;
    }

    .content-5-1-1>div,.content-6-1-1>div{
        margin: 2rem 0 0.5rem 0;
    }

    .content-5-1-1 span{
        margin-bottom: 2rem;
    }

    .content-6-1{
        width: 90%;
    }

    .content-6-1-2-img img{
        margin-left: auto;
    }

    .content-6-1-2-list table th, .content-6-1-2-list table td{
        font-size: 0.5rem;
    }

    .content-6-1-2-list{
        width: 100%;
    }

    .content-2-1{
        width: 90%;
    }

    .content-2-2-3{
        width: 100%;
    }


    .content-2-2-1:nth-child(2) div:nth-child(2) div:nth-child(1) span::after{
        font-size: 1rem;   
    }
}