.header-extradiv {
    width: 100%; height: auto;
    margin: 25px 0;
    text-align: center;
}

.extra-div{
    background: #e5e5ee;
    border: 1px solid rgb(233, 227, 227);
    padding: 15px !important;
    border-radius: 3px;
    transition: 0.4s;
}

.extra-div h2{
    font-size: 0.9rem;
    margin: 20px 0 15px 0;
    font-weight: bold;
    line-height: 1.0;
    word-spacing: 4px;
}

.extra-div:hover{
    box-shadow: 0 0 20px 0 rgba(0,0,0,0.3) ;
    background: rgba(119, 137, 225, 0.4);
    transform: translateY(-20px);
}

.extra-div:hover h2{
    color:#fff;
}
i.B1{
    color: rgba(119, 137, 225, 0.4)!important;
}
.extra-div:hover i.B1{
    color: #fff!important;
}
.extra-div .btn {
    background-color: rgb(143, 151, 226)!important;
}

@media (max-width: 767px) {
    .block {
      padding-top:30px;
    }
}