/* Increase the maximum width of the content area */
.content {
    max-width: 1080px; /* Adjust this value as needed */
    margin: 0 auto; /* Center the content */
    padding: 0 20px; /* Optional: Add some padding */
}

.columns {
    display: flex;
    max-width: 1080px; /* Adjust the max-width as needed */
    margin: 0 auto; /* Center the content */
}

.left-column {
    flex: 7;
    min-width: 0;
    padding-right: 20px;
}

.right-column {
    flex: 3;
    min-width: 0;
    padding-left: 20px;
}

.recent-posts {
    margin-top: 20px;
}

/* Media query for mobile devices */
@media (max-width: 768px) {
    .columns {
        flex-direction: column;
        align-items: center; /* Center the columns */
    }
    
    .left-column, .right-column {
        padding: 0;
        width: 100%; /* Make columns take full width */
        max-width: 600px; /* Optional: set a max-width to control the width */
    }

    .right-column {
        display: none; /* Hide the right column on mobile devices */
    }
}

.copyleft {
    display:inline-block;
    transform: rotate(180deg);
  }