.sdk header {
    height: 50vh;
}

.sdk header .subheader {
    font-size: 2.5em;
}

.sdk-doc-wrapper h1 {
    font-size: 3em;
}

.sdk-doc-wrapper h2 {
    font-size: 2em;
}

.sdk-doc-wrapper h1 {
    margin-top: 5vh;
}
.sdk-doc-wrapper h2 {
    margin-top: 5vh;
}
.sdk-doc-wrapper h3 {
    margin-top: 5vh;
}

.sdk-doc-wrapper h2 {
    margin-top: 15vh;
    margin-bottom: 5vh;
}

.sdk-doc-wrapper h3 {
    text-align: left;
    margin-left: 10%
}

.sdk-doc-wrapper a {
    color: #ff5c59;
}

.sdk-doc-wrapper {
    width : 80%;
    margin : 0 auto;
}

.sdk-doc-wrapper p strong {
    text-align : center;
}

.sdk-doc-wrapper li {
    padding: 0 5% 5% 5%;
}

.sdk-doc-wrapper pre code {
    display: block;
    margin: 5% 0;
    padding: 5%;
    background: #f5f5f5;
    color: #2797fc;
}

.sdk-doc-wrapper .faq p em {
    font-weight: bold;
    font-size : 1.5em;
    margin: 2% 5% 5% 0%;
}

.sdk-doc-wrapper .faq p {
    margin: 2% 5% 5% 5%;
}

.sdk .getStarted{
        color: white;
	background: #ff5c59;
	border-radius: 25px;
	padding: 16px 25px;
	display: block;
	text-align: center;
}

.subscribe-to-passwear {
}

@media only screen and (min-width: 800px) {
    .sdk-doc-wrapper p {
        padding: 0 10%;
    }

    .sdk-doc-wrapper li {
        padding: 0 20% 5% 5%;
    }

    .sdk-doc-wrapper li pre code {
        margin-right: -20%;
    }
}



@media only screen and (min-width: 1200px) {
    .sdk header {
        height: 60vh;
    }
    .sdk {
        padding-bottom: 0;
    }

    .sdk-doc-wrapper {
        width : 60%;
        margin : 0 auto;
    }

    .sdk-doc-wrapper li {
        padding: 2% 20% 2% 2%;
        margin: 0% 0% 0% 10%;
    }

    .sdk-doc-wrapper pre code {
        margin: 2% 5% 0% 10%;
    }

    .sdk-doc-wrapper li p {
        padding: 0% 0% 0% 0%;
    }

    .sdk-doc-wrapper li pre code {
        margin: 2% -10% 0% 0%;
    }

    .sdk .header--content {
        min-height: auto;
        padding-top: 8vh;
        padding-bottom: 0;
    }

    /*
    .sdk-doc-wrapper li {
        padding: 2% 20% 2% 2%;
        margin-left: 10%;
    }

    .sdk-doc-wrapper li p {
        padding: 0% 10% 0% 0%;
    }

    .sdk-doc-wrapper pre code {
        margin: 5% 20% 5% 12%;
    }

    .sdk-doc-wrapper p {
        padding: 0% 20% 0% 10%;
        margin: 5% 5% 0% 5%;
    }
    */
}