*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{

    font-family: Georgia, "Times New Roman", serif;
    background:#f7f8fa;
    color:#2b2b2b;

    line-height:1.7;

    display:flex;
    justify-content:center;
    align-items:center;

    min-height:100vh;

    padding:40px 20px;
}

.container{

    background:#ffffff;

    max-width:760px;
    width:100%;

    padding:60px;

    border-radius:10px;

    box-shadow:0 8px 25px rgba(0,0,0,.08);

    text-align:center;
}

.logo{

    max-width:220px;
    margin-bottom:35px;
}

h1{

    font-size:2.3rem;
    color:#1f355e;
    margin-bottom:20px;
}

.intro{

    font-size:1.2rem;
    margin-bottom:20px;
}

section{

    margin-top:45px;
}

h2{

    color:#1f355e;
    margin-bottom:20px;
    font-size:1.35rem;
}

.contact p{

    margin-bottom:25px;
}

a{

    color:#1f355e;
    text-decoration:none;
}

a:hover{

    text-decoration:underline;
}

footer{

    margin-top:60px;

    color:#666;

    font-size:.95rem;
}

@media(max-width:700px){

    .container{

        padding:35px 25px;
    }

    h1{

        font-size:1.9rem;
    }

    .logo{

        max-width:180px;
    }

}

.practice-areas{
    margin-top:20px;
}

.practice-areas .row{
    display:flex;
    justify-content:center;
    gap:40px;
    flex-wrap:wrap;
    margin-bottom:12px;
}


@media(max-width:700px){

    .practice-areas .row{
        flex-direction:column;
        gap:8px;
    }

}