.col-lg-4 
{
-ms-flex: 0 0 33.333333%;
flex: 0 0 50%;
max-width: 50%;
}

.vizitka {width: 100%; padding: 0px 15px 0px 15px; position: relative;}
.vizitka-funkce {float: left; width: 35%; padding: 0px 0px 0px 0px;}
.vizitka-name {float: left; width: 20%; padding: 0px 0px 0px 0px;}
.vizitka-phone {float: left; width: 20%; padding: 0px 0px 0px 0px;}
.vizitka-email {float: right; width: 25%; padding: 0px 0px 0px 0px;}

/* ------------- Style Mobile ------------- */
@media(min-width: 0px) and (max-width: 1080px )
{
}





@media(min-width: 0px) and (max-width: 800px )
{
}

@media(min-width: 0px) and (max-width: 848px )
{
.vizitka {width: 100%; padding: 0px 15px 20px 15px; position: relative;}
.vizitka-funkce {float: left; width: 100%; padding: 0px 0px 0px 0px;}
.vizitka-name {float: left; width: 100%; padding: 0px 0px 0px 0px;}
.vizitka-phone {float: left; width: 100%; padding: 0px 0px 0px 0px;}
.vizitka-email {float: left; width: 100%; padding: 0px 0px 0px 0px;}



.col-lg-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 100%;
    max-width: 100%;
}


}






@media(min-width: 0px) and (max-width: 420px )
{
.vizitka {width: 100%; padding: 0px 15px 20px 15px; position: relative;}
.vizitka-funkce {float: left; width: 100%; padding: 0px 0px 0px 0px;}
.vizitka-name {float: left; width: 100%; padding: 0px 0px 0px 0px;}
.vizitka-phone {float: left; width: 100%; padding: 0px 0px 0px 0px;}
.vizitka-email {float: left; width: 100%; padding: 0px 0px 0px 0px;}

.col-lg-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 100%;
    max-width: 100%;
}



}
















/* ------------- Style Mobile ------------- */