a{text-decoration:none; color:#064500;}
.flexcenter{display: flex;justify-content: center;align-items: center;}
.bg-grey-medium{background-color:#e0e0e0;}
.bg-white{background:#fff;}
.border-grey-soft{border-color:#bdbdbd !important;}
.autowidth {position:relative;display: grid;grid-template-columns: repeat(auto-fit, minmax(calc(25% - 20px), 1fr)) !important;grid-gap: 10px;}
.autowidth-item{position:relative;overflow:hidden;border:1px solid;border-radius:5px;cursor:pointer;transition: all 0.2s linear 2s;-webkit-transition: all 0.2s linear 2s;-moz-transition: all 0.2s linear 0s;-o-transition: all 0.2s linear 2s;}
.autowidth-image{position:absolute;top:0;left:0;bottom:0;width:35%;border:none;border-right:1px solid;transition: all 0.2s linear 2s;-webkit-transition: all 0.2s linear 2s;-moz-transition: all 0.2s linear 0s;-o-transition: all 0.2s linear 2s;}
.autowidth-image img{width:55%;height:auto;}
.autowidth-item:hover .autowidth-image img{transform: rotateY(360deg);-moz-transform: rotateY(360deg);-webkit-transform: rotateY(360deg);transform-origin: center;-moz-transform-origin: center;-webkit-transform-origin: center;transition: transform 1.0s}
.autowidth-title{position:relative;width:65%;margin:0 0 0 auto;float:right;text-align:center;padding:15px 0;}
.autowidth-item h2{font-size:100%;margin:0 10px;padding:0;line-height:1.1 !important;font-weight:bold;}
.autowidth-item h3{font-size:90%;margin:0 10px;padding:0;line-height:1.1 !important;font-weight:500;}


@media (max-width: 992px) {
.autowidth {display: grid;grid-template-columns: repeat(auto-fit, minmax(calc(50% - 10px), 1fr)) !important;grid-gap: 5px;}
.autowidth-image{width:30% !important;}
.autowidth-title{width:70% !important;padding:15px 0;}
}