@media only screen and (max-width: 480px) {

.arrow.left {
	left: 10px;
}

.arrow.right {
	right: 10px;
}

#info-close {
	top: 10px;
	right: 10px;
}

}


@media only screen and (max-width: 800px),
only screen and (max-height: 850px) {

#infotext {
	height: 100%;
	overflow-y: auto;
}

}


@media only screen and (max-width: 360px), 
only screen and (max-height: 480px) {

#head {
	top: 30px;
	width: 175px;
	height: 175px;
}

#head h1>span {
	max-width: 60%;
}

#info {
	padding-top: 248px;
}

.photoslide-download {
	left: 50%;
	bottom: 30px;
	width: 110px;
	height: 110px;
	margin-left: -55px;
}

}


@media only screen and (max-height: 360px) {

#head {
	top: 20px;
}


#head.info-open {
	left: auto;
	right: 10px;
	top: 20px;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
}

#info {
	padding-top: 10px;
}

#infotext {
	padding-right: 205px;
}

.photoslide-download {
	bottom: 20px;
}

}