body {
    font-family: "Playfair Display", serif;
    font-size: 20px;
    color: #222;
    height: 100vh;
}

.container{ height: 100%; }

.logo { width: 200px; }

.box {
    text-align: center;
    background-color: #f5f5f5;
    padding: 30px;
    border-radius: 20px;
    min-width: 380px;
}

.box h1 { font-size: 26px; }

.box h2 { font-size: 18px; font-weight: 400; }

a:link, a:visited { color: #20262d; text-decoration: none; }

a:hover .box { background-color: #f0f0f0; }

@media only screen and (max-width: 1400px) {

    .box { min-width: 350px; padding: 25px; }

    .box h1 { font-size: 24px; }

}

@media only screen and (max-width: 992px) {

    .logo { width: 100px; }

}

@media only screen and (max-width: 500px) {

    .logo { width: 80px; }

}