/* Desktops and laptops ----------- */
@media only screen
and (min-width : 1024px) {


    .landingpage_header{
        height: 150px
    }

    .landingpage_title{
        height: 30px; font-size: 20px
    }

    .cssPlusLogo{
        background-image: url(/prx/000/http/hictech.github.io/cssPlusWebsite/img/cssPlusLogo.png); width: 500px; height: 131px; background-size: 500px 131px
    }



    .paragraph {
        border: none;
        width: 100%;
        margin-bottom: 70px
    }

    .no_in_landing_on_desktop {
        display: none;
    }

    .example_constrictor {
        width: 500px;
        height: 300px;
        margin: 20px auto 60px;
        position: relative;
    }

    .handler{
        position: absolute;z-index: 30000;bottom: -23px;right: -23px;
        width: 20px;
        height: 20px;
        background-size: 20px 20px;
        cursor:move;
        background-image: url("/prx/000/http/hictech.github.io/cssPlusWebsite/img/resize.png")
    }

    pre{
        width: 50%;
        margin: 10px auto;
        line-height: 20px;
    }


    .browser{
        background-image: url("/prx/000/http/hictech.github.io/cssPlusWebsite/img/chrome.png");
        width: 32px;
        height: 32px;
        background-size: 32px 32px;
    }

    .browser.ie{
        background-image: url("/prx/000/http/hictech.github.io/cssPlusWebsite/img/ie.png");
    }

    .browser.ff{
        background-image: url("/prx/000/http/hictech.github.io/cssPlusWebsite/img/firefox.png");
    }

    .browser.o{
        background-image: url("/prx/000/http/hictech.github.io/cssPlusWebsite/img/opera.png");
    }

    .browser.s{
        background-image: url("/prx/000/http/hictech.github.io/cssPlusWebsite/img/safari.png");
    }

    .browser.mobile_s{
        background-image: url("/prx/000/http/hictech.github.io/cssPlusWebsite/img/mobile_safari.png");
    }

    .browser_name{
        float: left;
        margin: 6px 15px
    }

    .letmesee_button{
        background-color: cornflowerblue; padding: 7px 15px; color: #ffffff; border-radius: 3px; cursor: pointer
    }












    /* SITE */

    .no_desktop{
        display: none;
    }

    .header{
        height: 120px;
    }

    .navbar{
        height: 50px;
        font-size: 20px;
        box-shadow: 1px -1px 100px rgba(0,0,0,0.1);
    }

    .navbar .COL-FLEX{
        border-right: solid 1px rgba(0,0,0,0.15);
    }
    .navbar .COL-FLEX:last-child{
        border-right: none;
    }


    .text_container{
        padding: 0px 100px;
        font-size: 18px;
        line-height: 30px;
        max-width: 1020px;
        margin:0px auto;
    }

    .code_label{
        width: 100%; text-align: center
    }


    .separator{
        width: 60%;
        margin:120px auto;
        border-bottom: dotted 2px rgba(0,0,0,0.2);
        box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
    }

    .footer{
        height: 35px; border-top: dotted 1px rgba(0,0,0,0.1); background-color: rgba(0,0,0,0.05);
        box-shadow: -5px 0px 50px rgba(0,0,0,0.2);
    }

    .qrcode{
        background-image: url(/prx/000/http/hictech.github.io/cssPlusWebsite/img/mobile_demo_qrcode.jpg); width: 180px; height: 180px; background-size: 180px 180px
    }




}