h1.twostepauth{
    text-align: center;
    color:#0a9ebb;
    font-weight:bold;
    margin-top:20px;
    margin-bottom:30px;
    line-height: 1;
}

h1.twostepauth span{
    font-size:16px;
    color:#666;
    font-weight:bold;
}

.twostepauth_container{
    margin-top:60px;
    display: flex;
    justify-content: space-around;
    align-items: start;
}

.twostep_fajta_oszlop{
    width:30%;
    max-width:400px;
    border:1px solid #DDD;
    border-radius:10px;
    padding:20px;
    height:328px;
    cursor: pointer;
}

.twostep_fajta_oszlop:hover{
    background-color: rgba(10, 158, 187, 0.1);
}

.twostep_fajta_oszlop h3{
    font-size:18px;
    font-weight:bold;
    color:#333;
    text-align: center;
    height:45px;
    overflow: hidden;
}

.twostep_fajta_oszlop p{
    font-size:16px;
    text-align: center;
}

.twostep_fajta_oszlop .nagy_ikon{
    margin:25px 0px;
    font-size:85px;
    text-align: center;
    color:#CCC;
}



.ketlepcsos_ablak{
    width:100%;
    max-width:500px;
    margin:30px auto;
    margin-top:80px;
    border:1px solid #DDD;
    padding:20px;
    border-radius:5px;
}

.ketlepcsos_ablak h3{
    font-size:18px;
    font-weight:bold;
    color:#333;
    text-align: center;
    margin-bottom:50px;
}

.ketlepcsos_ablak p.ketlepcsos_tajekoztato{
    text-align:center;
    margin-top:30px;
    font-size:13px;
    color:#888;
}

.ketlepcsos_ablak .ketlepcsos_visszajelzes{
    font-size:13px;
    text-align: center;
    margin-top:40px;
    font-weight:bold;
}

.masik_twostepauthselect{
    font-size:12px;
    color:#AAA;
    text-align: right;
    margin-bottom:-10px;
    margin-top:30px;
}

.masik_twostepauthselect a{
    color:#0a9ebb;
    text-decoration: none;
    padding:3px;
    border-radius:3px;
}

.masik_twostepauthselect a:hover{
    background-color:#0a9ebb;
    color:#FFF;
    text-decoration: none;
}

@media screen and (max-width:992px){
    .ketlepcsos_ablak{
        margin-top:30px;
    }
}

@media screen and (max-width: 768px){
    .twostepauth_container{
        flex-wrap: wrap;
        margin-top:20px;
    }

    .twostep_fajta_oszlop{
        margin-bottom:20px;
        height:200px;
        width:100%;
    }

    .twostep_fajta_oszlop h3 {
        font-size: 16px;
    }

    .twostep_fajta_oszlop .nagy_ikon{
        margin:15px 0px;
        font-size:35px;
        text-align: center;
        color:#CCC;
    }

    .twostep_fajta_oszlop p{
        font-size:12px;
        text-align: center;
    }
}