html, body { font-family: 'Mukta Malar', sans-serif; vertical-align: baseline; background: transparent; }

body { line-height: 1.6; }

a { color: #002162; text-decoration: underline; }
a:hover { color: #002162; text-decoration: none; }

/* ----- ------ --- ----- */
/* ----- Visitenkarte ----- */
/* ----- ------ --- ----- */

.wrapper { position: relative; margin: 150px auto; padding: 30px; width: 610px; z-index: 1; color: #818181; font-size: 16px; border: 1px solid #818181; }

.wrapper .logo { text-align: center; margin-bottom: 20px; }
.wrapper .logo img {  width: 300px; }

.wrapper .h1 { font-size: 18px; text-transform: uppercase; }
.wrapper a { text-decoration: none; }
.wrapper a:hover { color: #002162; }
.wrapper a.fb { text-decoration: none; border: 1px solid #000; padding: 5px; width: 100%; display: block; text-align: center; }
.wrapper a.fb:hover { border: 1px solid #002162; background: #002162; color: #fff; }



@media (max-width: 650px) {
.wrapper { margin: 50px auto; padding: 20px; width: 510px; }
}


@media (max-width: 520px) {
    body { padding: 20px; }
    .wrapper { margin: 20px 0; padding: 20px; width: 100%; }
    .wrapper .col-xs-7,
    .wrapper .col-xs-5 { width: 100%; text-align: center;}
}

@media (max-width: 400px) {
.wrapper .logo img {  width: 200px; }
}