/*this is the outer container 


1200 wide, 2 columns 60/40
the second column hides below 1000px

*/
.container {
    margin: 0 auto;
    display: grid;
    max-width: 1200px;
    grid-template-columns: auto;
    grid-template-rows: auto;
}
.contentsColumn1Row1 {
    grid-row: 1;
    grid-column: 1;
    background-color: white;
}
.contentsColumn2Row1 {
    grid-row: 1;
    grid-column: 2;
    width: 300px;
    background-color: white;
    border: 2px solid #ddd;
    padding: 10px;
    margin: 10px;
    border-radius: 10px 10px;
}

/* Media query for screen widths under 1000px */
@media (max-width: 1000px) {
    .contentsColumn2Row1 {
        display: none;
    }
}