* {
    margin:0;
    padding:0;
}

html, body {
    height: 100%;
    width: 100%;
    /*background-color: #383e42;*/
    background-color: #335583;
    /* background-image: url(../images/bg_retro.jpg);
    background-repeat: none;
    background-size: cover; */
}

#distance {
    width: 10px;
    height: 50%;
    margin-bottom: -57px; /* hälfte der höhe des containers */
    float: left;
}

#container {
    margin: 0 auto;
    position: relative;
    height: 122px;
    width: 644px;
    clear: left;
    background: url(../images/amtlogo.png) no-repeat;
}

.text {
	color: #333;
	text-transform: uppercase;
	font-size: 16px;
	text-align: center;
}


@media (max-width: 767px) {

	#distance {
    	margin-bottom: -148px; /* hälfte der höhe des containers */
	}
  
    #container {
    margin: 0 auto;
    position: relative;
    height: 337px;
    width: 320px;
    clear: left;
    background: url(../images/amtlogo_mobile320.png) no-repeat;
    }
    
}