@charset "utf-8";
/* CSS Document */
/*FOR 1680 OR LESS*/

@media screen and (max-width: 1680px) {
    body {
        font-size: 87.5%;
    }
}
/*FOR 1600 OR LESS*/

@media screen and (max-width: 1600px) {
    body {
        font-size: 83.33%;
    }
}
/*FOR 1440 OR LESS*/

@media screen and (max-width: 1440px) {
    body {
        font-size: 75%;
    }
}
/*FOR 1400 OR LESS*/

@media screen and (max-width: 1400px) {
    body {
        font-size: 72.92%;
    }
}
/*FOR 1366 OR LESS*/

@media screen and (max-width: 1366px) {
    body {
        font-size: 71.15%;
    }
}
/*FOR 1280 OR LESS*/

@media screen and (max-width: 1280px) {
    body {
        font-size: 66.67%;
    }
    .blue_dropdown_text {
        font-size: 1em;
    }
}
/*FOR 1152 OR LESS*/

@media screen and (max-width: 1152px) {
    body {
        font-size: 60%;
    }
}
/*FOR 1024 OR LESS*/

@media screen and (max-width: 1024px) {
    body {
        font-size: 53.33%;
    }
    .blue_dropdown_text {
        font-size: 0.8em;
    }
}

@media screen and (max-width: 900px) {
    /* HEADER */

    #main_nav {
        position: absolute;
    }

    #logo{
        width:60%;
        margin: 5%;
    }

    #section1{
        height: 350px;
    }

    #attention{
        width: 100%;
    }

    #attention_header{
        text-align: left;
        padding: 5%;
        box-sizing: border-box;
        margin: 50px 0 20px;
    }

    #beta_access_cta {
        width: 90%;
        margin-left: 5%;
        font-size: 150%;
    }



  
    
    .feature_row {
        float: none;
        width: 100%;
    }

    .feature{
        width: 100%;
    }

    .code {
        width: 100%;
        float: none;
        overflow: hidden;
        height: 300px;
    }

    .code-samples .pre b.comment{
        display: block;
    }

    .code-samples .pre * {
        font-size: 14px;
    }

    .code-samples .pre code{
        overflow: scroll;
    }

    .numbers{
        font-size: 4em;
    }

    #all_statistics h3{
        font-size: 1.2em;
    }

    .users_icon {
        margin-top: 29%;
    }

    #messages_icon {
        margin-top: 24%;
    }

    #subscriptions_icon {
        margin-top: 19%;
    }

    #all_languages {
        width: 80%;
    }

    #open_source_text {
        width: 100%;
        float: none;
        margin: 5px 0 0 0;
    }

    .social_icons_white{
        display: none;
    }

    #section8{
        padding-bottom: 13%;
    }

    #section8 .mobile-bg{
        display: block;
        background-image: url(../img/startpage/backgrounds/section8_bg.png);
        width: 100%;
        background-repeat: no-repeat;
        height: 200px;
        position: absolute;
        bottom: -29px;
        background-position: bottom center;
        z-index: -1;
    }

    #section8 .mobile-bg div{
        height: 231px;
        background: #3daae1;
        width: 100%;
        position: absolute;
        top: -229px;
    }

    .full_web {
        width: 100%;
        float: none;
    }

    #section9{
        padding-bottom: 6%;
        background-color: #f9f9f9;
    }

    #coming_soon {
        margin-left: 0;
        width: 100%;
    }

    #email_input .cta {
        width: auto;
    }
}