:root{
    --color-primary: white;
    --color-border-one:red;
}
header,footer{
    background: #2A7B9B ;
    background: linear-gradient(90deg, rgba(237, 221, 83, 1) 0%, rgba(87, 199, 133, 1) 50%,  rgba(42, 123, 155, 1) 100%) !important;
}
body{
    background-color:#f3eded;
}

div.container{
    gap:var(--gap);
    grid-template-columns: 1fr 2.5fr;
}
div.container > div{
    border: 1px solid var(--color-border);
    background-color: var(--color-primary);
    padding: var(--gap);
}
div.container > div.left > section.txtpost1 {
    grid-template-columns: auto !important;    
}
@media screen and (max-width: 1200px) {
    :root{--gap:.8rem;}
    div.container{
        grid-template-columns: 1fr 2fr;
    }
}

@media screen and (max-width: 1024px) {  
    :root{--gap:.6rem;}  
    div.container{
        grid-template-columns: auto
    }
    div.container > div.left {
        order: 2;
    }
    div.container > div.right{
        order: 1;
    }
}

@media screen and (max-width: 768px) {
    :root{--gap:.5rem;}
}