body{
    margin:0;
    background:#F5F2EC;
    color:#202020;
    font-family:Georgia,"Times New Roman",serif;
    min-height:100vh;
    display:flex;
    align-items:center;
    justify-content:center;
}

.container{
    width:min(760px,90vw);
    padding:24px 40px;
    text-align:center;
}

.logo{
    display:block;
    width:100px;
    max-width:40vw;
    height:auto;
    margin:0 auto 18px;
}

h1{
    font-weight:400;
    font-size:48px;
    letter-spacing:.04em;
    margin:0 0 18px;
}

.intro{
    font-size:22px;
    color:#3f3f3f;
    margin-bottom:22px;
}

p{
    font-size:18px;
    line-height:1.8;
    color:#666;
    margin:0 0 16px;
}

.line{
    width:90px;
    height:1px;
    background:#d7d0c7;
    margin:30px auto;
}

.contact{
    margin-top:8px;
}

.contact strong{
    font-weight:600;
}

a{
    color:#202020;
    text-decoration:none;
    transition:.2s;
}

a:hover{
    color:#000;
    text-decoration:underline;
}

footer{
    position:fixed;
    left:0;
    right:0;
    bottom:18px;
    text-align:center;
    color:#888;
    font-size:14px;
}

@media (max-width:700px){

    .container{
        padding:30px 24px;
    }

    .logo{
        width:120px;
        margin-bottom:16px;
    }

    h1{
        font-size:34px;
        margin-bottom:14px;
    }

    .intro{
        font-size:19px;
        margin-bottom:18px;
    }

    p{
        font-size:16px;
        line-height:1.7;
    }

    .line{
        margin:22px auto;
    }

    footer{
        position:static;
        margin-top:28px;
        padding-bottom:24px;
    }

}