.todos-grid-1{display:grid;grid-template-columns:1fr;row-gap:12px;grid-template-areas:"logo" "about" "header" "photo2" "photo1" "photo3" "rel2" "rel1" "contact";text-align:start}.todos-grid-1 img{width:100%;height:100%;object-fit:cover}.todos-grid-1 .header{grid-area:header;text-align:start}.todos-grid-1 .logo{grid-area:logo}.todos-grid-1 .about{grid-area:about}.todos-grid-1 .about p{text-align:justify}.todos-grid-1 .photo1{grid-area:photo1}.todos-grid-1 .photo2{grid-area:photo2}.todos-grid-1 .photo3{grid-area:photo3}.todos-grid-1 .contact{grid-area:contact}.todos-grid-1 .contact .content{border:2px solid #3f1d35;display:flex;flex-direction:column;justify-content:center;padding:32px 12px}.todos-grid-1 .rel1{grid-area:rel1}.todos-grid-1 .rel2{grid-area:rel2;height:calc(100% - 38px)}@media screen and (min-width:1024px){.todos-grid-1{display:grid;grid-template-columns:1fr 1fr 1fr;column-gap:32px;row-gap:12px;grid-template-rows:38px 0.5fr auto 0.5fr;grid-template-areas:"header header header" "logo photo1 photo2" "about photo1 photo3" "contact rel1 rel2";text-align:end}.todos-grid-1 .header{grid-area:header;text-align:end}.todos-grid-1 .photo3{padding-top:38px}.todos-grid-1 .rel1{padding-top:38px}.todos-grid-1 .contact .content{height:calc(100% - 38px);padding:0 12px 0 0}}