.backbutton {
	float: left;
	position: absolute;
	left: 15px;
	top:15px;
}
#swipe-gallery {
	text-align: center;
	padding: 0vw 0vw;
	display: inline-block;
}
.pswp__bg { background: rgba(0, 0, 0, 0.5); }
.PS_thumb {
	vertical-align: top;
	display: inline-block;
	display: inline-table;
	width: 1%;
	text-decoration: none;
}
div.word_wrap{
	  word-break: break-all;
   position: relative;
}
div.word_wrap captionthumb{
float: center;
width: 80%;
padding: 3px 3px 3px 3px;
margin: auto;
position: absolute;
left: 10%;
top: 0%;
max-width: 80%;
}
div.description {
   max-width:40%; 
}
div.plain captionthumb{
float: center;
width: 80%;
padding: 3px 3px 3px 3px;
margin: auto;
position: absolute;
left: 10%;
top: 0%;
max-width: 80%;
}
div.plain {
   position: relative;
}

/* Background mechanism */
body {
  background-color: #202020;
  font-family:  Verdana, Arial, Helvetica; font-size: 12pt;  color: #606060; 
}


/* Polaroid mechanism */
div.polaroid{
	margin: 0.000000vw;
	position: relative;
}
div.rotate0{
	float: left;
	-ms - transform: rotate(0deg); /* IE 9 */
	-webkit - transform: rotate(0deg); /* Chrome, Safari, Opera */
	transform: rotate(0deg);
}
div.rotate_right1{
	float: left;
	-ms - transform: rotate(0deg); /* IE 9 */
	-webkit - transform: rotate(0deg); /* Chrome, Safari, Opera */
	transform: rotate(0deg);
}
div.rotate_right1 captionthumb{
float: center;
width: 80%;
padding: 3px 3px 3px 3px;
margin: auto;
position: absolute;
left: 10%;
top: 0%;
max-width: 80%;
}
div.rotate_left1{
	float: left;
	-ms - transform: rotate(0deg); /* IE 9 */
	-webkit - transform: rotate(0deg); /* Chrome, Safari, Opera */
	transform: rotate(0deg);
}
div.rotate_left1 captionthumb{
float: center;
width: 80%;
padding: 3px 3px 3px 3px;
margin: auto;
position: absolute;
left: 10%;
top: 0%;
max-width: 80%;
}
div.rotate_right_panorama{
	float: left;
	-ms - transform: rotate(0deg); /* IE 9 */
	-webkit - transform: rotate(0deg); /* Chrome, Safari, Opera */
	transform: rotate(0deg);
}
div.rotate_right_panorama captionthumb{
float: center;
width: 80%;
padding: 3px 3px 3px 3px;
margin: auto;
position: absolute;
left: 10%;
top: 0%;
max-width: 80%;
}
div.rotate_left_panorama{
	float: left;
	-ms - transform: rotate(0deg); /* IE 9 */
	-webkit - transform: rotate(0deg); /* Chrome, Safari, Opera */
	transform: rotate(0deg);
}
div.rotate_left_panorama captionthumb{
float: center;
width: 80%;
padding: 3px 3px 3px 3px;
margin: auto;
position: absolute;
left: 10%;
top: 0%;
max-width: 80%;
}

/* Font mechanism */
<!--  
TD{font-family:  Verdana, Arial, Helvetica; font-size: 10pt; color: #707070}
H1{font-family:  Verdana, Arial, Helvetica; font-size: 28pt; color: #707070}
H2{font-family:  Verdana, Arial, Helvetica; font-size: 20pt; color: #707070}
H3{font-family:  Verdana, Arial, Helvetica; font-size: 12pt; color: #707070}
H6{font-family:  Verdana, Arial, Helvetica; font-size: 10pt; color: #707070}
p{font-family:  Verdana, Arial, Helvetica; font-size: 10pt; color: #505050}
p#p1{font-family:  Verdana, Arial, Helvetica; font-size: 8pt; color: #505050}
--->
/* phone looking horizontal */
@media (min-width: 800px) and (max-width: 1200px) {
div.description {
   max-width:60%; 
}
	div.polaroid {
		padding: 0.000000vw;
	}
}
/* phone looking vertical */
@media (max-width: 800px) {
div.description {
   max-width:80%; 
}
	div.polaroid {
		padding: 0vw;
	}
}
/* for  large screen */
@media (min-width: 1200px) {
}
/* for really large screen */
@media (min-width: 1700px) {
}