section.uc_baslik
{
    display: flex;
    gap: 1rem;
}

section.uc_baslik > div
{
    display: flex;
    gap: 1rem;
    padding: 2rem;
    margin: 1rem;
    border-radius: 10px;
    background-image: linear-gradient(135deg, var(--blueGradient_1) 10%, var(--blueGradient_2) 100%);
}

section.uc_baslik > div > img
{
    height: 50px;
}

section.uc_baslik > div > div > h2
{
    font-family: var(--fontRegular);
    color: var(--white);
    font-size: calc(var(--smallFontSize) + 0.8rem);
}

section.uc_baslik > div > div > p
{
    font-family: var(--fontRegular);
    color: var(--white);
    font-size: calc(var(--xsmallFontSize) + 0.3rem);
}


@media only screen and (max-width: 800px)
{
    section.uc_baslik
    {
        gap: 0;
    }
    
    section.uc_baslik,
    section.uc_baslik > div
    {
        flex-direction: column;
    }

    section.uc_baslik > div
    {
        margin: 0.5rem;
        gap: 0;
    }

    section.uc_baslik > div > div
    {
        display: flex;
        align-items: center;
        flex-direction: column;
    }

    section.uc_baslik > div > img
    {
        height: 40px;
        margin-bottom: 1rem;
    }

    section.uc_baslik > div > div > h2
    {
        text-align: center;
        padding-bottom: 1rem;
        font-size: calc(var(--smallFontSize) + 0.5rem);
    }    

    section.uc_baslik > div > div > p
    {
        text-align: center;
        font-size: var(--smallFontSize);
        width: 85%;
    }
}