p.bevezeto-szoveg {
    font-style: italic;
    text-align: center;
}

.avatardoboz {
    display: flex; 
    align-items: center; 
    gap: 20px; 
}

figure.avatarkep {
    flex:1; 
    text-align: center; 
}

figure.avatarkep img {
    width: 100%; 
    height: auto; 
    font-family: sans-serif;
    
}

.avatarszoveg {
    flex: 2;
    text-align: left; 
    padding: 10px; 
    line-height: 1.6;
}

@media (max-width: 1180px) {
    p.bevezeto-szoveg {
        font-size: 100%; 
    }
    .avatardoboz {
        flex-direction: column; 
        align-items: center; 
    }
    figure.avatarkep {
        width: 70%; 
        height: auto; 
    }
    .avatarszoveg {
        font-size: 80%;
        text-align: left; 
        
    }
}