section.practice-areas { padding: 60px 0px;}

section.practice-areas .header {text-align: center; margin: auto; padding-bottom: 30px;}

section.practice-areas .header h2 {text-align: center; font-size: 32px; font-family: 'Roboto', sans-serif; color: #444444;}

section.practice-areas .header p {margin: 15px 0px 0px 0px ; font-size: 16px; font-family: "Open Sans", sans-serif; color: #444444;}

section.practice-areas .content { padding-bottom: 30px; }

section.practice-areas .content:last-child { padding-bottom: 0px; }

section.practice-areas .content .box { text-align: center; border: 1px solid #e2eefd; padding: 40px 10px; transition: all ease-in-out 0.3s;
    background: #fff; margin: 10px 0px;}

section.practice-areas .content .box .icon { margin: 0 auto; width: 64px; height: 64px; background: #f1f6fe; border-radius: 4px;
    border: 1px solid #deebfd; display: flex; align-items: center; justify-content: center; margin-bottom: 20px;
    transition: ease-in-out 0.3s;}

section.practice-areas .content .box h4 {font-weight: 700; margin-bottom: 15px; font-size: 18px;}

section.practice-areas .content .box p {line-height: 24px; margin-bottom: 0px; font-size: 14px;}

section.practice-areas .content .box:hover .icon {
    color: #106eea;
}

section.practice-areas .content .box .icon i { color: #3b8af2; font-size: 28px; transition: ease-in-out 0.3s; }

section.practice-areas .content .box:hover {
    border-color: #fff;
    box-shadow: 0px 0 25px 0 rgba(16, 110, 234, 0.1);
}

@media only screen and (min-width: 768px) {
    section.practice-areas .header {text-align: center; width: 50%; margin: auto; padding-bottom: 30px;}
}

@media only screen and (min-width: 768px) {
    section.practice-areas .content .box { text-align: center; border: 1px solid #e2eefd; padding: 40px 10px; transition: all ease-in-out 0.3s;
        background: #fff;}
}