/* Responsive Design */
@media (max-width: 1024px) {
    .main {
        grid-template-columns: 60% 40%;
        grid-template-rows: 70px auto 32px;
    }
}

@media (max-width: 768px) {
    .main {
        grid-template-columns: 100%;
        grid-template-rows: auto;
        height: auto;
    }
    
    .main .pane {
        border-left: none;
        border-top: 1px solid #CAD5E0;
        padding: 8px;
    }
}

@media (max-width: 480px) {
    .main {
        padding: 5%;
        font-size: 14px;
    }

    .large-text {
        font-size: 24px;
    }

    .small-text {
        font-size: 10px;
    }
}
