body {font-family:"archer-pro", "Kulim Park", sans-serif;font-size:16px;margin: 0;padding: 0;}
a {color:#2B5794;font-weight:500;text-decoration: underline;}
.grid-parent {display: grid;padding: 0;}

.grid-parent div {padding:20px;}
.grid-parent div.photo {padding:0;}

.grid-parent div img {height:auto;width: 100%;}
.grid-parent div.photo img {height: 400px;object-fit: cover;object-position: left;width: 100%;}

.grid-parent div.title {grid-area: 1 / 1 / 2 / 2;}	  
.grid-parent div.photo {grid-area: 2 / 1 / 3 / 2;}	  
.grid-parent div.info {grid-area: 3 / 1 / 4 / 2;}	  
.grid-parent div.text {grid-area: 4 / 1 / 5 / 2;}	  
div.text  {padding:5%;}
div.text p {line-height: 1.4;margin: 0 auto 2em auto;max-width: 900px;}
div.text img {display:block;margin: 0 auto 2.5em auto;max-width: 900px;}

.sharing-images {display:flex;flex-wrap:wrap;justify-content:space-between;margin: 0 auto 0 auto;max-width: 900px;padding: 0;}
.sharing-images div {margin-bottom:0;padding:0;width:48%;}
.sharing-images img {display:block;}


@media only screen and (min-width: 600px) {
.grid-parent div.title {align-self:start;grid-area: 1 / 1 / 2 / 2;justify-self:end;padding-top:50px;z-index:10;}	  
.grid-parent div.title img {width: 290px;}
.grid-parent div.photo {grid-area: 1 / 1 / 3 / 2;}	  
.grid-parent div.photo img {height: 540px;}
.grid-parent div.info {align-self:start;grid-area: 2 / 1 / 3 / 2;justify-self:end;}	  
.grid-parent div.info img {width: 300px;}
.grid-parent div.text {grid-area: 3 / 1 / 4 / 2;}	  
}

@media only screen and (min-width: 768px) {
.grid-parent div.title {align-self:end;padding-top:0;}	  
.grid-parent div.title img {width: 390px;}
.grid-parent div.info img {width: 390px;}
div.text p {font-size:1.25em;}
}

@media only screen and (min-width: 1024px) {
.grid-parent div.title, .grid-parent div.info {padding-right:60px;}
.grid-parent div.title img {width: 550px;}
.grid-parent div.info img {width: 550px;}
.grid-parent div.photo img {height: 640px;}
}

@media only screen and (min-width: 1200px) {
.grid-parent div.title, .grid-parent div.info {padding-right:100px;}
.grid-parent div.title img {width: 650px;}
.grid-parent div.info img {width: 650px;}
.grid-parent div.photo img {height: 680px;}
}