body{ padding:0;margin:0;  color:#57707a; font-weight:normal; text-align:center; color: #333; font-family: 'Aptos', sans-serif; background:url(../images/bg-1.jpg) no-repeat #1c1c1c fixed center bottom; background-size: cover; }
a { color: #2b72fb; }
img {max-width: 100%}
.d-flex {display: flex;}
.min-h-100vh {min-height: 100vh;}
.img-fixed{width: 100%; flex-grow:1; display: flex; align-items: center; justify-content: center;}
h1 { font-size:40px; font-weight: normal;}
h3 { font-weight: normal; margin-top: 40px; font-size: 23px; font-weight: normal; }
footer { display: block; margin-top: 50px;}
footer a { margin-bottom: 10px; text-decoration: none; }
.white-box {background-color: rgba(255, 255, 255, .8); padding: 70px; border-radius: 40px;max-width: 1000px; }
.logo {width: 600px;}
h3 {margin-bottom: 0;}
.cache-btn {
    background: #0caef7;
    padding: 15px 50px 18px 50px;
    color: #fff;
    text-decoration: none;
    border-radius: 10px;
}
@media (max-width:1730px) {
    .img-fixed {
        margin-left: 50px;
        margin-right: 50px;
    }
}
@media (max-width:1366px) {
    .img-fixed {padding: 80px;}
    h1 { font-size: 48px }
    h3 { font-size: 24px; margin-top: 30px; }
}
@media (max-width:1024px) {
    .logo {width: 500px;}
    h1 { font-size: 40px }
    .img-fixed {
        margin-left: 20px;
        margin-right: 20px;
    }
    .white-box {
        padding: 50px;
    }
}
@media (max-width:767px) {
    .img-fixed {padding: 30px;}
    h1 { font-size: 32px }
    h3 { font-size: 18px; margin-top: 30px; }
    .img-fixed {
        margin-left: 0px;
        margin-right: 0px;
    }
    .white-box {
        padding: 50px 20px;
    }
}