div.body{
    background-color: #fff;
}
.book-free-consultation-section .content{
    position: absolute;
    bottom: 120px;
}
.wills-notary-experience-section{
    width: 100%;
    padding-top: 40px;
    padding-bottom: 40px;
}
.legal-services-offered-section{
    width: 100%;
    padding-top: 30px;
    padding-bottom: 10px;
}
.legal-services-offered-container{
    width: 100%;
    background-color: #EEEEEE;
}
.legal-services-offered-box{
    width: 100%;
    min-height: 432px;
    position: relative;
}
.legal-services-offered-box .title{
    position: absolute;
    top: 40%;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 100;
}
.legal-services-offered-box .title h3{
    color: #464637;
    padding: 0 50px;
    font-size: 32px;
}
.legal-services-offered-box .top-border{
    position: absolute;
    width: 100%;
    height: 11px;
    background-color: #2B3D4F;
    display: none;
    top: -10px;   
}
.legal-services-offered-overlay{
    width: 100%;
    min-height: 432px;
    position: absolute;
    display: none;
    background-color: #fff;
    z-index: 120;
}
.legal-services-offered-box .desc{
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
}
.legal-services-offered-box .desc p{
    color: #464637;
    font-size: 16px;
    padding: 0px 60px;
    
}
.legal-services-offered-box:hover .legal-services-offered-overlay{
    display: block;
}
.legal-services-offered-box:hover .top-border{
    display: block;
}
.legal-services-offered-box:hover .title{
    top: 15%;
    z-index: 150;
}
@media(max-width: 767px){
    .top-hero-content-box .heading h1{
        font-size: 42px;
        margin-bottom: 28px;
    }
    .book-free-consultation-section .content{
        bottom: 65px;
    }
    .legal-services-offered-box .desc p{
        padding: 0 20px;
    }
    .legal-services-offered-box .title h3{
        padding: 0 22px;
    }
}
@media(min-width: 768px) and (max-width: 990px){ 
    .legal-services-offered-box .title h3{
        font-size: 21px;
        padding: 0 41px;
    }
    .legal-services-offered-box .desc p{
        font-size: 15px;
        padding: 0 20px;
    }
}
@media(min-width: 991px) and (max-width: 1199px){ 
    .legal-services-offered-box .title h3{
        font-size: 26px;
        padding: 0 41px;
    }
    .legal-services-offered-box .desc p{
        padding: 0 35px;
    }
}
@media(min-width: 1200px){ 
    
}