* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    height: 100%;
	font-size: 100%;
    -ms-text-size-adjust: 100%; 
    -webkit-text-size-adjust: 100%; 
}

body {
    position: relative;
    min-height: 100%; /* fixes focus scrolling in Safari (OS X) */
    margin: 0;
    padding: 0;
	letter-spacing: 0.2px;
    -webkit-tap-highlight-color: rgba(0,0,0,0); /* disable webkit tap highlight */
    color: #1C1C1C;
    font-family: "Varela Round";
	height: 100%;
	font-size: 17px;
	line-height: 160%;
    -ms-text-size-adjust: 100%; 
    -webkit-text-size-adjust: 100%;
	 background-image: url('../images/wall.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; 
}

.firstpart {
  position: relative;
  width: 100%;
  height: 100%;
}

.frame {
	position: relative;
	width: 100%;
	height: 100%;
}

.child {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

.meno {
	font-size: 36px;
	line-height: 111%;
}

.city {
	font-size: 24px;
}

.function {
	font-size: 18px;
	font-style: italic;
}

.picture {
	width: 220px;
	height: 220px;
}

.space {
	width: 100%;
	height: 15px;
}

@media screen and (max-height:450px){
	.meno {
	font-size: 28px;
	line-height: 111%;
}

.city {
	font-size: 19px;
}

.function {
	font-size: 16px;
	font-style: italic;
}
.picture {
	width: 170px;
	height: 170px;
}
}

@media screen and (max-height:380px){
body {
    position: relative;
    min-height: 360px; /* fixes focus scrolling in Safari (OS X) */
    margin: 0;
    padding: 0;
	letter-spacing: 0.2px;
    -webkit-tap-highlight-color: rgba(0,0,0,0); /* disable webkit tap highlight */
    color: #1C1C1C;
    font-family: "Varela Round";
	height: 360px;
	font-size: 17px;
	line-height: 160%;
    -ms-text-size-adjust: 100%; 
    -webkit-text-size-adjust: 100%;
	 background-image: url('../images/wall.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1600px 700px; 
}	
	.meno {
	font-size: 24px;
	line-height: 111%;
}

.city {
	font-size: 17px;
}

.function {
	font-size: 13px;
	font-style: italic;
}
.picture {
	width: 150px;
	height: 150px;
}
}