#post-content { display:flex; flex-direction:column; align-items:center; justify-content:center; padding:2rem 0; background:#ccc; margin:0; box-sizing:border-box; }

#post-content * { padding:0; margin:0; box-sizing:border-box; }

#post-content .inner { max-width:1000px; position:relative; padding:0 1rem;  display:flex!important; flex-direction:row!important; justify-content:flex-end!important; align-items:flex-start; width:100%; background:#f0f0f0 }

#post-content .inner > div:first-child { width:100%!important; overflow:hidden; background:tomato; height:700px; padding:1rem; }
#post-content .inner > div:nth-child(2) { width:10%!important; background:green; padding:1rem; display:none }

#main-content { width:100%; height:700px; }

#post-content #share { }

#post-content #share a { color:#0071bd; display:block; text-align:center; padding:1rem 0 }
#post-content #share a i { font-size:1.75rem }



#post-content .inner > div:first-child p { color:#677; line-height:1.7; padding:0.5rem 0; margin-bottom:1.3rem; text-align:justify; }


@media( min-width: 801px ){
#post-content #share { width:10%; position:sticky; top:4rem; padding:0 1rem; display:flex; flex-direction:column; justify-content:center; align-items:center; }
}


@media( max-width: 800px ){
#post-content .inner > div:first-child { width:100%; }
#post-content #share { width:100%; position:static; flex-flow:row wrap; padding:2rem 1rem; display:flex; justify-content:center; align-items:center; }
#post-content #share a { display:inline-block; padding:0 1rem }
}


/* four images */

#ImagesDiv { width:100%; padding:0; margin:0; box-sizing:border-box }
#ImagesDiv * { padding:0; margin:0; box-sizing:border-box }
#ImagesInner { display:flex; align-items:stretch; width:100%; flex-flow:row wrap; margin:0 auto; }

#ImagesInner > div { width:25%; margin:0; aspect-ratio:1;  background:#f0f0f0; position:relative }

#ImagesInner img { display:block; width:100%;height:100%; object-fit:cover; object-position:center; background:#000; }


@media( max-width:600px ){ #ImagesInner > div { width:50% } }


/* BRANDS STYLES */
#values { margin:0; box-sizing:border-box; padding:3rem 1rem; }
#values .inner { max-width:1000px; margin:0 auto; width:100%; display:grid; grid-template-columns: 1fr 1fr 1fr; gap:1.2rem;}
#values .inner section { aspect-ratio:4/3; background:#f7f7f7; border-radius:10px; display:flex; align-items:center; justify-content:center; text-align:center; color:#224; font-size:120%; font-weight:700; }

#values .inner section img { width:5rem; height:5rem; border-radius:50%; padding:1rem; background:#fff; display:block; margin:0 auto 1rem; }

@media( max-width:700px ){ #values .inner { grid-template-columns: 1fr 1fr; } }
@media( max-width:400px ){ #values .inner { grid-template-columns: 1fr; } }