/*********************************************/

html, body {margin: 0; height: height: 100vh; overflow: hidden;}

body {
	background: black;
    color: white;
}

#logo{
    background-color: transparent;
    width: 300px;
}

.homepage-info {

    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    line-height: 2.2em;
    text-align: left;
    font-size: .50em;
    background-color: rgba(0, 0, 0, 0.8);
    width: 300px;
    height:100vh;
    padding: 5px;
    visibility: hidden;
    padding-left: 3em;

}

h2,h3 {
  color: white;
}

h3 {
	font-size: 2.5em;
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
}

html, body {margin: 0; height: height: 100vh; overflow: hidden;}

a {
  color: inherit; 
  text-decoration: inherit;
}

a:link, a:visited, a:active, a:hover{
  color: inherit; 
  text-decoration: inherit;
}

body {
	background: white;
    color: black;
}

.dejavu-light {
font-family: 'DejaVu Sans';font-style: normal;font-weight: 100;
}
.dejavu {
font-family: 'DejaVu Sans';font-style: normal;
}

.dejavu-bold {
font-family: 'DejaVu Sans';font-weight: bold;font-style: normal;
}

.centered {
  position: fixed;
  top: 50%;
  left: 50%;
  /* bring your own prefixes */
  transform: translate(-50%, -50%);
}

.horiz-center{
    margin: 0 auto;
    text-align: center;
}

span {
    display:inline;
}

#full-name{
    float:left
}

/* OVER 630PX */
@media screen and (min-width: 630px) {
#arch,#arno,#gerd,#ebner{font-size: 2em;}
#photographie,#architektur{font-size: 2em;}
.boxx{
border: 0.05em solid black;
padding: 0.2em;
width: 9em;
margin-bottom:1em;
}

#aage{
    margin-bottom:1em;
}.boxx{
    border: 0.05em solid black;
    padding: 0.2em;
    width: 9em;
    margin-bottom:1em;
}
}
/* END OVER 630PX */

/* UNDER 630PX */
@media screen and (max-width: 629px) {
#arch,#arno,#gerd,#ebner{font-size: 1em;}
#photographie,#architektur{font-size: 1em;}
span{margin-bottom: 5em;}
#aage{
    margin-bottom:0.2em;
}
.boxx{
    border: 0.02em solid black;
    padding: 0px;
    width: 9em;
    margin-bottom:2em;
}
}
/* END UNDER 630PX */