/* index */

#index{
    padding: 50px 10px 100px 615px ;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}

.index-top-title{
    text-align: center;
}

.index-center{
    box-sizing: border-box;
    padding-left: 50px;
}

.index-center-inczident_block{
    padding: 20px 0;
    max-width: 1000px;
}

.index-center-inczident_vladelecz{
    margin: 0;
    color: rgb(9, 105, 41)
}

.index-center-inczident_data{
   color: chocolate;
   font-size: 14px; 
}


.index-center-inczident_center{

    display: flex;
}

.index-center-inczident_sam{
    background-color: rgb(240, 240, 240); 
    box-shadow: 0 0 10px rgb(0 0 0 / 50%); 
    padding: 10px;
    border-end-end-radius: 10px;
    border-top-right-radius: 10px;
    border-end-start-radius: 10px;
    box-sizing: border-box;    
}

.index-center-inczident_img{
    max-width: 300px;
    max-height: 300px;
    border-radius: 10px;
   box-shadow: 0 0 10px rgb(0 0 0 / 50%);
}



@media (max-width: 1400px){
    #index{
        padding-left: 410px;
    }
}

@media (max-width: 1200px){
    #index{
        padding-left: 360px;
    }
    .index-center{
        box-sizing: border-box;
        padding-left: 20px;
    }
}


@media (max-width: 1000px){
    #index{
        padding-left: 10px;
        padding-right: 100px;
    }
}

@media (max-width: 700px){
    #index{
        padding-left: 10px;
        padding-right: 50px;
    }
}

@media (max-width: 500px){
    #index{
        padding-left: 0;
        padding-right: 30px;
    }

    .index-center {
        padding-left: 10px;
    }
}