html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}
body.home {
    margin: 0;
    background-color: black;
}
a {
    background-color: transparent
}
h1 {
    font-size: 2em;
    margin: .67em 0
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
html {
    height: 100%
}
body {
    margin: 0;
    min-height: 100%;
    background-color: #fff;
    font-family: Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #333
}
.w-inline-block {
    max-width: 100%;
    display: inline-block
}
h1 {
    font-weight: bold;
    margin-bottom: 10px
}
h1 {
    font-size: 38px;
    line-height: 44px;
    margin-top: 20px
}
p {
    margin-top: 0;
    margin-bottom: 10px
}
.maximal_container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 99%;
    height: auto;
    max-width: 1140px;
    margin-right: auto;
    margin-left: auto;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}
.maximal_container.left {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}
.heading {
    margin-top: 0px;
    margin-bottom: 0px;
    font-family: Varela, sans-serif;
    color: #fff;
    font-size: 60px;
    line-height: 110%
}
.heading.hero {
    max-width: 900px;
    font-family: Varela, sans-serif
}
.paragraph-2 {
    max-width: 700px;
    margin-top: 10px;
    font-family: Varela, sans-serif;
    color: #b9b9b9;
    font-size: 18px;
    line-height: 140%
}
.section-3 {
    position: relative;
    z-index: 1;
    padding: 3rem 5%;
    background-color: #2e1cff
}
.div-block-16 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 90%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}
.text-span-3 {
    color: #d6b7ff
}
@media screen and (max-width:991px) {
.heading {
        font-size: 40px
}
}
@media screen and (max-width:479px) {
.maximal_container {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
}
}
@font-face {
    font-family: 'Varela';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/varela/v16/DPEtYwqExx0AWHX5DR4ETvw.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}
@font-face {
    font-family: 'Varela';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/varela/v16/DPEtYwqExx0AWHX5Ax4E.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}