@charset "utf-8";
/* CSS Document */
body {
    background: #292d3c;
    text-align:center;
    font-size: 24px;
    line-height: 36px;
}
body, h1, h2, h3, h4, h5, h6, ul, li, a, input, textarea {
    font-family: "Plus Jakarta Sans", sans-serif;
    color: #fff;
}
header {
    padding: 70px 0 50px;
}
header img {
    width: 100%;
    max-width: 400px;
    background: #fff;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.8);
    border-radius: 8px;
    padding: 10px;
}
.body h1 {
    font-size: 46px;
    line-height: 58px;
    margin: 30px 0;
}
.body h2 {
    font-size: 36px;
    line-height: 48px;
    font-style:italic;
    margin: 30px 0;
}
.body .btn {
    background: #b61c1b;
    padding: 15px 40px;
    margin: 10px 0 30px;
    color: #fff;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.8);
}
.body .btn:hover, .body .btn:focus {
    background: #9c1717;
}
.body-logo img {
    margin-top: 30px;
    width: 100%;
    max-width: 600px;
}
footer {
    background: transparent;
    font-size: 18px;
    line-height: 24px;
}
footer a, footer p {
    color: #fff;
}
footer a:hover, footer a:focus {
    color: #fff;
    text-decoration: underline;
    text-decoration-color: #b61c1b;
    text-decoration-thickness: 2px;
    text-underline-position: under;
}
@media screen and (max-width: 767px) {
    header {
        background: transparent;
    }
    .copyright {
        border-top: 1px solid #565758;
    }
    body {
        font-size: 18px;
        line-height: 24px;
    }
    .body h1 {
    font-size: 32px;
    line-height: 48px;
}
.body h2 {
    font-size: 24px;
    line-height: 36px;
}
header img {
    width: 80%;
}
}