.kalkulator-lepesek h1{
    color: #479fc8 !important;
    margin-bottom:0px;
}
.kalkulator-lepesek a {
    font-size: 1em;    
}
.kalkulator-lepesek .box {
    display:table;
    background:white;
    border:2px solid lightgray;
    width:100%;
    margin-bottom:5px;
    margin-bottom:20px;
}
.kalkulator-lepesek .box a{
    cursor: not-allowed;
    /*opacity: 0.5;*/
    text-decoration: none;
    pointer-events: none;
}
.kalkulator-lepesek .box-active {
    display:table;
    background:lightgray;
    border:2px solid lightgray;
    margin-bottom:20px;
    width:100%;
}
.kalkulator-lepesek .box-active a,.kalkulator-lepesek .box-active h1 {
    font-weight: bold;
}

.kalkulator-lepesek .lepes-szam,.kalkulator-lepesek .lepes-nev {
    vertical-align: middle;
    display:inline-block;
    
}

/* Az aktuálisan kiválasztott ikont lebegtetjük a boxban balra */

.valasztott-ikon{
    position:absolute;
    top:30px;
    left:5px;
}

.overlay-icon-1 img, .overlay-icon-2 img, .overlay-icon-3 img{
    border:2px solid lightgray;
}

 
/* Extra small devices (phones, less than 768px) */
@media (max-width: 767px) {
    .overlay-icon-1{
        position:absolute;
        top:70px;
        left:25px
    }
    .overlay-icon-2{
        position:absolute;
        top:70px;
        left:30%    
    }
    .overlay-icon-3{
        position:absolute;
        top:70px;
        left:55%;    
    }        
}


@media (min-width: 768px) and (max-width: 991px) {
    .overlay-icon-1{
        position:absolute;
        top:70px;
        left:25px
    }
    .overlay-icon-2{
        position:absolute;
        top:70px;
        left:30%    
    }
    .overlay-icon-3{
        position:absolute;
        top:70px;
        left:55%;    
    }
                        
}


@media (min-width: 992px) and (max-width: 1200px) {
    .overlay-icon-1{
        position:absolute;
        top:70px;
        left:25px
    } 
    .overlay-icon-2{
        position:absolute;
        top:70px;
        left:30%    
    }
    .overlay-icon-3{
        position:absolute;
        top:70px;
        left:55%;    
    } 
}


@media (min-width: 1200px){
    .overlay-icon-1{
        position:absolute;
        top:90px;
        left:25px
    }  
    .overlay-icon-2{
        position:absolute;
        top:90px;
        left:100px    
    }
    .overlay-icon-3{
        position:absolute;
        top:90px;
        left:175px;    
    }
}