/* 
    Author: Aneta - Virtual Services
*/

/*Kafelki 1*/

.kafelki_section1 h5{
    color:#fff;
    font-size:42px;
    text-align:center;
    font-weight: 300;
    text-transform:uppercase;
}
.kafelki_section1 .col-md-4,.kafelki_section1 .col-md-8 {
    padding:0;
}
.kafelki_section1 img {
    width:100%;
}
.kafelki_section1 a, .kafelki_section1 a:hover, .kafelki_section1 a:visited{
    color: #fff;
    text-decoration: none;
}
.kafelki_section1_center_text h5 a:hover,.kafelki_section1_center_text h5 a {
    color:#fff;
}
.kafelki_section1_img_symbol {
    padding-bottom: 15px;
    width:initial !important;
}
.kafelki_section1_center_text {
    position: relative;
    left: 50%;
    top:50%;
    transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
}
.kafelki_section1_img_symbol {
        position:relative;
        left:50%;
        transform:translateX(-50%);
        -o-transform:translateX(-50%);
        -webkit-transform:translateX(-50%);
        -ms-webkit-transform:translateX(-50%);
        -moz-webkit-transform:translateX(-50%);
}

@media (min-width:992px) and (max-width:1200px){
    .kafelki_section1 img {
        width:100%;
    }
    .kafelki_section1_img_symbol {
        width:initial !important;
    }
}
@media (min-width:768px) and (max-width:992px) {  
    .kafelki_section1 {
        position:relative;
        left:50%;
        transform:translateX(-50%);
        -o-transform:translateX(-50%);
        -webkit-transform:translateX(-50%);
        -ms-webkit-transform:translateX(-50%);
        -moz-webkit-transform:translateX(-50%);
        width:100%;
    }
    .kafelki_section1 .col-md-8 img,.kafelki_section1 .col-md-4 img{
        width:100%;
    }
    .kafelki_section1 .container {
        width:100%;
    }
    kafelki_section1 h5 {
        font-size:34px;
    }
}
@media (max-width:768px) { 
    .kafelki_section1 .col-md-4 {
        width:100%;
    }
    .kafelki_section1 .col-md-8 {
        width:100%;
    }
    .kafelki_section1 {
        position:relative;
        left:50%;
        transform:translateX(-50%);
        -o-transform:translateX(-50%);
        -webkit-transform:translateX(-50%);
        -ms-webkit-transform:translateX(-50%);
        -moz-webkit-transform:translateX(-50%);
        width:100%;
    }
    .kafelki_section1 h5 {
        font-size:34px;
    } 
    .kafelki_section1 .col-md-4,.kafelki_section1 .col-md-8 {
        background-size:cover !important;
        background-position: 50% 100% !important;
    }
                       
}