@media all and (min-width:960px) and (max-width: 10000px) {
  body {
	background-image: url(back.jpg);
}
.main_div {
	width: 70%;
	height: 100%;
	position: sticky;
	left: 15%;
	right: 15%;
	padding: 10px;
	border-radius: 5px;
	box-shadow: 2px 4px 10px black;
	background-color: rgba(255, 255, 255, 0.5);
}
img {
	width: 800px;
	height: 600px;
}
}
@media all and (min-width:801px) and (max-width: 959px) {
  body {
	background-image: url(back.jpg);
}
.main_div {
	width: 70%;
	height: 100%;
	position: sticky;
	left: 15%;
	right: 15%;
	padding: 10px;
	border-radius: 5px;
	box-shadow: 2px 4px 10px black;
	background-color: rgba(255, 255, 255, 0.5);
}
img {
	width: 800px;
	height: 600px;
}
}
@media all and (min-width:769px) and (max-width: 800px) {
 body {
	background-image: url(back.jpg);
}
.main_div {
	width: 100%;
	height: 100%;
	position: sticky;
	left: 15%;
	right: 15%;
	padding: 10px;
	border-radius: 5px;
	box-shadow: 2px 4px 10px black;
	background-color: rgba(255, 255, 255, 0.5);
}
img {
	width: 200px;
	height: 150px;
}
}
@media all and (min-width:569px) and (max-width: 768px) {
body {
	background-image: url(back.jpg);
}
.main_div {
	width: 100%;
	height: 100%;
	position: sticky;
	left: 15%;
	right: 15%;
	padding: 10px;
	border-radius: 5px;
	box-shadow: 2px 4px 10px black;
	background-color: rgba(255, 255, 255, 0.5);
}
img {
	width: 200px;
	height: 150px;
}
}
@media all and (min-width:481px) and (max-width: 568px) {
  body {
	background-image: url(back.jpg);
}
.main_div {
	width: 100%;
	height: 100%;
	position: sticky;
	left: 15%;
	right: 15%;
	padding: 10px;
	border-radius: 5px;
	box-shadow: 2px 4px 10px black;
	background-color: rgba(255, 255, 255, 0.5);
}
img {
	width: 200px;
	height: 150px;
}
}
@media all and (min-width:321px) and (max-width: 480px) {
  body {
	background-image: url(back.jpg);
}
.main_div {
	width: 100%;
	height: 100%;
	position: sticky;
	left: 15%;
	right: 15%;
	padding: 10px;
	border-radius: 5px;
	box-shadow: 2px 4px 10px black;
	background-color: rgba(255, 255, 255, 0.5);
}
img {
	width: 200px;
	height: 150px;
}
}
@media all and (min-width:0px) and (max-width: 320px) {
  body {
	background-image: url(back.jpg);
}
.main_div {
	width: 100%;
	height: 100%;
	position: sticky;
	left: 15%;
	right: 15%;
	padding: 10px;
	border-radius: 5px;
	box-shadow: 2px 4px 10px black;
	background-color: rgba(255, 255, 255, 0.5);
}
img {
	width: 200px;
	height: 150px;
}
}

p {
	text-indent: 1.5em;
}