:root{
    --color-primary: white;
    --color-border: rgb(117, 241, 105);
    --color-border-one:rgb(117, 241, 105);
    --border-radius:0;
}
header,footer{
    background: #2A7B9B ;
    background: linear-gradient(90deg, #53eded 0%, #e3ee7d 25%,rgb(122, 199, 87) 50%,  rgb(216, 117, 219) 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.left{
    display: flex;flex-direction: column;
}
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;}
}