/* General */
h1 {font-size: 48px;}
h2 {font-size: 28px;}
h3 {font-size: 22px;}
h4 {font-size: 20px;}
h5 {font-size: 18px;}
h6 {font-size: 18px;}
body {
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    font-feature-settings: normal;
    font-variation-settings: normal;
}
nav .logo {
    margin-top: -2px;
    height: 32px;
}

/* Homepage */
.navbar-absolute {
    position: relative;
    background-color:#1283da!important;
    margin-bottom:-88px;
}
.statistics-separator {
    margin-bottom: 60px;
}
.display-4 {
    font-size:3.3rem
}
.icon img {
    margin-top: -24px;
    height: 32px;
}
.counter {
    margin:-60px 0 -100px 0;
}
video {
    display: none;
}
#programming-logos {
    display: flex;
    margin: 40px 0 0 0;
}
#programming-logos img {
    height: 80px;
}
@media (min-width:992px) {
    .navbar-absolute{
        position: absolute;
        background-color:transparent!important
    }
    video{
        display: flex;
    }
}

/* Subscribe */
.subscribe-input-field {
    margin-left: 12px;
    font-weight: bold;
}
.subscribe-description {
    margin-top: 16px;
}
.subscribe-information-topic {
    margin-top: 0px;
}
.subscribe-address-heading {
    margin-top: 32px;
}
.subscribe-button-bottom {
    margin-top: 16px;
}
#business-information {
    display: none;
}

/* Terms, GDPR and privacy */
.terms-in-short {
    border-left:solid 12px;
    padding-left: 12px;
    margin: 24px 0 0 0;
}
.legal-updated-at {
    color: #6C757D;
    font-weight: normal;
    font-size: 20px;
    margin: 14px 0 20px 0;
}
#legal-navigation {
    display: none;
}
@media (min-width:960px) {
    #legal-navigation {
        display: block;
    }
}

/* About */
#about-navigation {
    display: none;
}
@media (min-width:960px) {
    #about-navigation {
        display: block;
    }
}
@media (max-width:768px) {
    .hide-column-on-mobile {
        display:none;
    }
}

/* Features */
#name-parser-json-object #json {
    margin-bottom: 64px;
}
#name-parser-json-object #salutation {
    margin-top: 100px;
}
#name-parser-json-object #first-name {
    margin-top: 62px;
}
#name-parser-json-object #lastname {
    margin-top: 96px;
}
#name-parser-json-object #email {
    margin-top: 94px;
}
#name-parser-json-object #country {
    margin-top: 64px;
}
#name-parser-json-object #validate {
    margin-top:96px;
}
#name-parser-json-object .light-text {
    color: darkgrey;
}
#name-generator-json-object #json {
    margin-bottom: 64px;
}
#name-generator-json-object #salutation {
    margin-top: 100px;
}
#name-generator-json-object #first-name {
    margin-top: 44px;
}
#name-generator-json-object #lastname {
    margin-top: 72px;
}
#name-generator-json-object #email-password {
    margin-top: 98px;
}
#name-generator-json-object #country {
    margin-top: 44px;
}
#name-generator-json-object .light-text {
    color: darkgrey;
}
#name-extraction-json-object #json {
    margin-bottom: 64px;
}
#name-extraction-json-object #frequency {
    margin-top: 100px;
}
#name-extraction-json-object #first-name {
    margin-top: 62px;
}
#name-extraction-json-object #lastname {
    margin-top: 116px;
}
#name-extraction-json-object #country {
    margin-top: 72px;
}
#name-extraction-json-object .light-text {
    color: darkgrey;
}
#explanation {
    display: none;
}
@media (min-width:1200px) {
    #explanation {
        display: block;
    }
}
#register-for-an-account {
    margin: -100px 0 0 0;
}

/* Pricing */
#pricing-remark {
    margin: 32px 0 0 0;
}
@media (min-width:768px) {
    #stripe-logo {
        width: 240px;
        margin: 20px 0 60px -60px
    }
}
@media (max-width:768px) {
    #stripe-logo {
        width: 280px;
        margin: 0 0 60px 0
    }
}

/* API */
#api-navigation {
    display: none;
}
@media (min-width:960px) {
   #api-navigation {
        display: block;
    }
}
#github-projects {
    margin: 40px 0 40px 16px;
 }
#github-projects p {
    margin: -42px 0 0 62px;
}

/* Login and register */
#login-register-switch {
    margin: 24px 0 0 0;
    color: #9D9D9D;
    text-align: center;
}
#login-register-switch a {
    color: #9D9D9D;
}

/* Dashboard */
.dashboard-example-link {
    text-align: right;
    float: right;
}
.nav-tabs {
    margin-bottom: 14px;
}
.table-striped th {
    border-top: none;
}

/* Footer payment logos */
footer .logo {
    margin-top: -4px;
    height: 16px;
}
#mastercard {
    height: 28px;
    margin: 0 6px 0 0;
}
#visa {
    height: 25px;
    margin: 0 6px 0 0;
}
#amex {
    height: 25px;
    margin: 0 0 0 6px;
}

/* Confirmation */
.return-to-homepage {
    margin-top:20px;
}