.link-top {
  color: #dcb67b;
  font-family: Calibri, Helvetica, sans-serif;
  font-size: 12pt; 
  }
  
  .link-top:hover {
  text-decoration: none; 
  }
  
  .link-top:visited {
  color: #dcb67b;
  }
  
  .centered {
	text-align: center;
    }

.body-poster {
	height: 100%;
	padding: 0;
	margin: 0;
	background-color: black;
}

.my-body-poster1 {
  width: 500px;
  height: 100%;
  margin-left: auto; 
  margin-right: auto;
}

 @media (max-width: 480px) {
.my-body-poster1 {
  width: 320px;
  height: 100%;
  margin-left: auto; 
  margin-right: auto;
}
 } 

.my-body-poster2 {
  width: 480px;
  height: 100%;
  margin-left: auto; 
  margin-right: auto;
}

 @media (max-width: 480px) {
.my-body-poster2 {
  width: 300px;
  height: 100%;
  margin-left: auto; 
  margin-right: auto;
}
 } 
 
 .my-body-poster3 {
  width: 930px;
  height: auto;
  margin-left: auto; 
  margin-right: auto;
}

  @media (max-width: 480px) {
.my-body-poster3 {
  width: 310px;
  height: 100%;
  margin-left: auto; 
  margin-right: auto;
}
 } 
 
  .my-body-poster4 {
  width: 550px;
  height: 100%;
  margin-left: auto; 
  margin-right: auto;
}

 @media (max-width: 480px) {
.my-body-poster4 {
  width: 310px;
  height: 100%;
  margin-left: auto; 
  margin-right: auto;
}
 } 
 
 .my-body-poster5 {
  width: 520px;
  height: 100%;
  margin-left: auto; 
  margin-right: auto;
}

 @media (max-width: 480px) {
.my-body-poster5 {
  width: 310px;
  height: 100%;
  margin-left: auto; 
  margin-right: auto;
}
 } 
 
.show-poster {
    height: 100%;
    text-align: center;
   }

.show-poster img {
    max-width: 100%;
    max-height: 100%;
}