/* .feeds-wrapper {
    background-color: ;
} */

.container {
    padding:0; /*test*/
}

.gdelt-wrapper
{
    display:block;
}

.half-width
{
    /* display:block; */
    /* width:60% */
}

.tweets-wrapper {
    overflow: auto;
    height: 600px;
}

.bills-wrapper {
    display:block;
    background-color: aqua;
}

.bill-wrapper {
    float:left;
}

.bill-id {
    /* float:left */
}

.bill-title {
    /* float:left */
}

.congress-number {
    /* float:left */
}

.congress-chamber {
    /* float:left */
}

.last-updated {
    /* float:left */
}

.last-action {
    /* float:left */
}

.footer
{
    width: 100%; /* Ensure the footer covers the entire width of the screen */
    position: relative; /* Default position */
    margin-top: auto; /* Push the footer to the bottom of the container */
}

.page-container {
    display: flex; /* Enables flexible box layout */
    flex-direction: column; /* Stack children vertically */
    min-height: 100vh; /* Minimum height is the full viewport height */
    justify-content: space-between; /* Distributes space between content and footer */
}

.content-wrap {
    flex: 1; /* Allows the content to grow and fill the space */
}

.container .feeds-wrapper h4 {
    width:100%;
}

.loading {
    background-image: url('/static/loading.gif');
    height:32px;
    width:32px;
    background-repeat: no-repeat;
    margin: auto;
    margin-top: 15px;
}

@media (max-width: 767.98px) { /* Adjust the pixel value based on your needs */
    footer {
        position: static; /* Make the footer static only on smaller screens */
    }
}

@media screen and (max-width: 377) {
    .container .feeds-wrapper h4 {
        width:60%;
    }
}