.details { display: flex; justify-content: space-between; margin-top: 150px;}
.details .left { width: 20%;}
.details .qrcode { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 10px 10px 20px 10px; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 10px; position: sticky; top: 120px;}
.details .right { width: 70%;}
.details .right .title { font-size: 32px; color: #000;}
.details .right .date { font-size: 14px; color: rgb(181, 181, 181); }

.details .right p, .details .right span {
    font-size: 16px;
}

.details .right img {
    width: 100%;
}

@media (max-width: 750px) {
    .details {
        flex-direction: column;
        margin-top: 80px;
    }
    .details .left { display: none;}
    .details .left,
    .details .right {
        width: 100%;
    }

    .details .right {
        padding: 0 20px 20px;
    }

    .details .right .title {
        font-size: 24px;
    }
}


@media (max-width: 768px) {
    header.mobile .section {
        top: 0;
    }
}