table {
    width: 100%;
    border-collapse: collapse;
}

th, td {
    padding: 12px 15px;
    border: 1px solid hsl(152, 79%, 45%);
    text-align: left;
}

th {
    background-color: #a41010;
}

tr:hover {
    background-color: #172c96;
}
.bg-camps{
    background-image: url('bg.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
.bg-welcome {
    background-image: url('pg.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
.bg-contact {
    background-image: url('beautiful-zebra-wild.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.content-wrapper{
    max-width: 500px;
    margin: 40px auto;
    background-color: rgba(255, 255, 255, 0.8);
    padding: 24px 16px;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 600px) {
    .content-wrapper {
        max-width: 95vw;
        padding: 16px auto;
        padding: 12px 4vw;
    }
    
}
@media print {
    body {
        background: none;
    }
    #print-area,#print-area * {
        background: none 
    }
    #print-area{
        position:absolute;
        left: 0;
        top: 0;
        width: 100%;
        background:white;
        color: black;
        padding: 20px;

        }
    .content-wrapper {
        max-width: 100%;
        padding: 0;
        box-shadow: none;
    }
    table, th, td {
        border: 1px solid black;
    }
    th, td {
        padding: 8px;
    }
}