.bloky,.bloky a {
    text-align: center;
}

.bloky {
    position: relative;
    width: 100%;
    padding: 40px 0;
    margin: 0 0 30px 0;
    background: #404040;
    border-top: #89be41  solid 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;

}

.blok {
    width: 230px;
    display: inline-block;
	line-height:100%;
	vertical-align:top;
	padding:30px;
    text-align: center;
}
.blok:hover{
    background: #2a2a2a;
    clip-path: polygon(0 30.00px,30.00px 0,100% 0,100% calc(100% - 30.00px),calc(100% - 30.00px) 100%,0 100%);
}
.blok h3{
    font-size: 90%;
    font-family: "CenturyGothic", sans-serif;
    font-weight: normal;   
    text-transform: uppercase;
    padding: 20px 0 0;
}
.blok img{
	border:0 !important;
	padding:0 !important;
	margin:0 !important;
    width: auto;
    height: 100px;
    margin: auto;
}
a.blok{
	color:#fff !important;
	text-decoration:none;
}
a:hover.blok{
	color:#79b440 !important;
	text-decoration:none;
}


@media only screen and (max-width:768px) {

    .bloky a:lastchild {
        margin: 0
    }

}

@media only screen and (max-width:480px) {
    .bloky a {
        width: 100%
    }
}