body {
font-family:verdana, sans-serif;
position:relative;
width:100%;
height:100%;
color:#006E82;
background-color:#FFF;
}

html {
width: 100%;
height: 100%; }

h1,
h2,
h3,
h4,
h5,
h6 {
font-family:verdana, sans-serif;
font-weight:500;
margin: 0 0 20px;
color:#006E82;
}

h2 {
font-size:18px;
font-weight:600;
}

h4,
h5,
h6 {
line-height:28px;
}

p {
font-size: 16px;
line-height: 1.5;
margin: 0 0 25px;
}

hr {
border:0;
width:40px;
height:4px;
color:#F00050;
background-color:#F00050;
}

@media (min-width: 768px) {
    p {
    font-size: 18px;
    line-height: 1.6;
    margin: 0 0 35px;
    }
}

a {
text-decoration:underline;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
color: #006E82;
}
a:hover, a:focus {
text-decoration:underline;
color: #F00050;
}

#mainNav {
font-family:verdana, sans-serif;
margin-bottom: 0;
border-bottom: 1px solid #E3E5E8;
background-color:white;
}
#mainNav .navbar-toggler {
background-color:black;
color:white;
font-size: 14px;
padding: 11px;
color: white;
}
#mainNav .navbar-brand {
font-weight: 700; }
#mainNav a {
text-decoration:none;
color:#006E82;
}
#mainNav .navbar-nav .nav-item {
-webkit-transition: background .3s ease-in-out;
-moz-transition: background .3s ease-in-out;
transition: background .3s ease-in-out; }
#mainNav .navbar-nav .nav-item:hover {
color: fade(white, 80%);
outline: none;
background-color: transparent;
}
#mainNav .navbar-nav .nav-item:focus, #mainNav .navbar-nav .nav-item:active {
outline: none;
background-color:#96E6F8;
}
@media (min-width: 768px) {
    #mainNav {
    padding: 20px 0;
    -webkit-transition: background .25s ease-in-out, padding .25s ease-in-out;
    -moz-transition: background .25s ease-in-out, padding .25s ease-in-out;
    transition: background .25s ease-in-out, padding .25s ease-in-out;
    letter-spacing: 1px;
    border-bottom: none;
    background: transparent;
    }
    #mainNav.navbar-shrink {
    padding: 10px 0;
    background:white;
    }
    #mainNav .nav-link.active {
    outline: none;
    background-color: rgba(255, 255, 255, 0.3); }
    #mainNav .nav-link.active:hover {
    color: white;
    }
}

.header {
margin:70px 0 70px 0;
text-align:left;
color:#A7A9AC;
}


.header .intro-body .brand-heading {
font-size: 40px;
}
.header .intro-body .intro-text {
font-size: 18px;
}
@media (min-width: 768px) {
    .header {
    margin-top:100px;
    padding: 0;
    }
    .header .intro-body .brand-heading {
    font-size: 100px;
    }
    .header .intro-body .intro-text {
    font-size: 22px;
    }
}

.content-section {
padding-top:100px;
}

#services, #about {
background-color:#F6F6F6;
padding-bottom:50px;
}
#services h2 {
font-size:15px;
text-align:center;
}
#services p {
font-size:14px;
}

#contact {
background-color:#A7A9AC;
color:#FFF;
padding-bottom:50px;
}
#contact h2 {
color:#FFF;
}

p.imprint {
font-size:14px;
}

#map {
width: 100%;
height: 200px;
margin-top: 100px; }

@media (min-width: 767px) {
    .content-section {
    padding-top:50px;
    }
    .download-section {
    padding: 100px 0;
    }
    #map {
    height: 350px;
    margin-top: 250px;
    }
}


.mb-formsize {
color:#000;
padding:10px !important;
}
.mb-textarea{
height:160px;
}

.btn {
font-family: verdana, sans-serif;
font-weight: 400;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
text-transform: uppercase;
border-radius: 0;
}

.btn-default {
color:#FFF;
border:2px solid #FFF;
background-color: transparent;
}
.btn-default:hover,
.btn-default:focus {
color:#F00050;
border:2px solid #F00050;
}

#about-page {
background-image: url("./miborn_bg_about_page.svg");
background-repeat:no-repeat;
background-position:0px 200px; 
padding-top:100px;
font-size:14px;
line-height:30px;
}


footer {
background-color:#282832;
color:#FFF;
font-size:12px;
padding:10px 0;
}


::-moz-selection {
background: #fcfcfc;
background: rgba(255, 255, 255, 0.2);
text-shadow: none; }

::selection {
background: #fcfcfc;
background: rgba(255, 255, 255, 0.2);
text-shadow: none; }

img::selection {
background: transparent; }

img::-moz-selection {
background: transparent; }

body {
-webkit-tap-highlight-color: rgba(255, 255, 255, 0.2); }