.container a {color:#000;}

.column {
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
}

.usbanner{
    display:block;
    width:100%;
    height:100%;
    position:relative;
    
}
.usbanner a{
        text-decoration:none;
}
.usbanner p{
        margin:0px;
}

.usbanner:hover{
        /* -webkit-box-shadow:0px 0px 12px 4px rgba(0,0,0,0.45);
                box-shadow:0px 0px 12px 4px rgba(0,0,0,0.45); */
        cursor:pointer;
    z-index: 10;
        text-decoration:none;
        /* -webkit-transition: box-shadow 0.5s ease 0s;
        -webkit-transition: -webkit-box-shadow 0.5s ease 0s;
        transition: -webkit-box-shadow 0.5s ease 0s;
        -o-transition: box-shadow 0.5s ease 0s;
        transition: box-shadow 0.5s ease 0s;
        transition: box-shadow 0.5s ease 0s, -webkit-box-shadow 0.5s ease 0s; */
}
.usbanner  .banner-name{
        text-transform:uppercase;
        color:#000;
        font-size:15px;
        text-align:center;
        position:absolute;
        bottom:-40px;
        width:100%;
        /* background:-webkit-linear-gradient(bottom, rgba(255,255,255,0.7), rgba(255,255,255,0.7), rgba(255,255,255,0.7), rgba(255,255,255,0));
        background:-webkit-gradient(linear, left bottom, left top, from(rgba(255,255,255,0.7)), color-stop(rgba(255,255,255,0.7)), color-stop(rgba(255,255,255,0.7)), to(rgba(255,255,255,0)));
        background:-o-linear-gradient(bottom, rgba(255,255,255,0.7), rgba(255,255,255,0.7), rgba(255,255,255,0.7), rgba(255,255,255,0));
        background:linear-gradient(to top, rgba(255,255,255,0.7), rgba(255,255,255,0.7), rgba(255,255,255,0.7), rgba(255,255,255,0)); */
        padding:10px 0px;
        -webkit-transition: padding 0.3s ease 0s, linear-gradient 0.3s ease 0s;
-o-transition: padding 0.3s ease 0s, linear-gradient 0.3s ease 0s;
transition: padding 0.3s ease 0s, linear-gradient 0.3s ease 0s;

}
.usbanner:after{
        display:block;
        content:'';
        position:absolute;
        width:100%;
        height:100%;
        left:0px;
        top:0px;
        background-color:rgba(0,0,0,0);
        z-index:1;
        /* -webkit-transition: background-color 0.2s ease 0s;
        -o-transition: background-color 0.2s ease 0s;
        transition: background-color 0.2s ease 0s; */
}
.usbanner:hover .banner-name{
        /*color:#f46c60;*/
        /* padding:100px 0px 15px 0px;
        background:-webkit-linear-gradient(bottom, rgba(255,255,255,0.9), rgba(255,255,255,0.2), rgba(255,255,255,0));
        background:-webkit-gradient(linear, left bottom, left top, from(rgba(255,255,255,0.9)), color-stop(rgba(255,255,255,0.2)), to(rgba(255,255,255,0)));
        background:-o-linear-gradient(bottom, rgba(255,255,255,0.9), rgba(255,255,255,0.2), rgba(255,255,255,0));
        background:linear-gradient(to top, rgba(255,255,255,0.9), rgba(255,255,255,0.2), rgba(255,255,255,0)); */
        z-index:5;
}
.usbanner:hover:after{

        /* background-color:rgba(204, 204, 204, 0.1); */
}
.main-block-banner{
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        padding: 0px !important;
        margin-bottom: 60px;
}
.main__banners__cont {
        margin:60px 0px 0px 0px !important;
}
@media (max-width:420px) {
        .usbanner  .banner-name{
                bottom:-25px;
        }
        .main__banners__cont {
                margin:20px 0px 0px 0px !important;
        }
}
@media (max-width:350px) {
        .usbanner  .banner-name{
                bottom:-10px;
        }
}