@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@400..700&family=Pacifico&display=swap');
body{
    font-family: "Caveat", cursive;  
}
.fw-700{
    font-weight: 700;
}
.fw-600{
    font-weight: 600;
}
.fw-500{
    font-weight: 500;
}
.fw-400{
    font-weight: 400;
}.fw-300{
    font-weight: 300;
}
.fw-200{
    font-weight: 200;
}
.fw-100{
    font-weight: 100;
}
:root{
    --mycolor01:#D5D2C1;
    --mycolor02:#BD8E62;
    --mycolor03:#A46843;
    --mycolor04:#370D00;
    --mycolor05:#9BCFB8;
    --mycolor06:#7FB174;
    --mycolor07:#689C97;
    --mycolor08:#E5EDF8;
    --mycolor09:#E29E93;
    --mycolor10:#EDBC7A;
    --mycolor11:#0384BD;
    --mycolor12:#023459;
    --mycolor13:#AE4951;

}
.bg-cover{
    background-position: center center;
    background-size: cover;
}
@media screen and (max-width:768px){
    .table-rwd-thead{
        display: none;
    }
    .table-rwd tbody tr{
        display: block;
        border:3px solid var(--mycolor02);
        margin-top: 5px;
        
    }
    .table-rwd tbody tr td{
        display: block;
    }
    .table-rwd-thead tr td::before{
        content: attr(data-th);
        font-size: 18px;
        font-weight: 900;
        color:var(--mycolor13);
        display: block;
        float:left;
        width:4em;
        text-align: right;
        padding-right: 1em;
    }
    .table-rwd tbody tr td span.table-col{
        display: block;
        float: left;
        width: calc(100% - 6em);
    }
}