@media only screen and (min-width: 800px) {

    .container {
            width:90%;
            height:400px;
            overflow:hidden;
            /* border:solid #000 1px; */
            padding:50px;
            position:relative;
            /*top:1000px;*/
        }

        .photograph_1_extended {
            width:85%;
            height:100%;
            background-image:url(../../publicDesktop/img/landing_page.png);
            background-size:cover;
            float:left;
            background-color:yellow;
            transition:all 1s;
        }

        .photograph_1_compressed {
            width:5%;
            height:100%;
            background-image:url(../../publicDesktop/img/landing_page.png);
            background-size:cover;
            float:left;
            transition:all 1s;

        }

        .photograph_1_balance {
            width:25%;
            background-image:url(../../publicDesktop/img/landing_page.png);
            background-size:cover;
            height:100%;
            float:left;
            background-color:gray;
            transition:all 1s;
        }

        .photograph_2_extended {
            width:85%;
            height:100%;
            background-image:url(../../publicDesktop/img/custom_web_development.png);
            background-size:cover;
            background-color:rgb(255, 138, 232);
            float:left;
            transition:all 1s;
        }

        .photograph_2_compressed {
            width:5%;
            height:100%;
            background-image:url(../../publicDesktop/img/custom_web_development.png);
            background-size:cover;
            float:left;
            background-color:rgb(226, 246, 187);
            transition:all 1s;

        }

        .photograph_2_balance {
            width:25%;
            height:100%;
            background-image:url(../../publicDesktop/img/custom_web_development.png);
            background-size:cover;
            float:left;
            background-color:#878686;
            transition:all 1s;
        }


        .photograph_3_extended {
            width:85%;
            height:100%;
            float:left;
            background-image:url(../../publicDesktop/img/custom_web_development_2.png);
            background-size:cover;
            background-color:#ef548f;
            transition:all 1s;
        }

        .photograph_3_compressed {
            width:5%;
            height:100%;
            float:left;
            background-image:url(../../publicDesktop/img/custom_web_development_2.png);
            background-size:cover;
            background-color:rgb(255, 255, 201);
            transition:all 1s;

        }

        .photograph_3_balance {
            width:25%;
            height:100%;
            background-image:url(../../publicDesktop/img/custom_web_development_2.png);
            background-size:cover;
            background-color:#cccccc;
            float:left;
            transition:all 1s;
        }

        .photograph_4_extended {
            width:85%;
            height:100%;
            float:left;
            background-image:url(../../publicDesktop/img/custom_web_development_3.png);
            background-size:cover;
            background-color:rgb(246, 55, 87);
            transition:all 1s;
        }

        .photograph_4_compressed {
            width:5%;
            height:100%;
            background-color:yellow;
            background-image:url(../../publicDesktop/img/custom_web_development_3.png);
            background-size:cover;
            float:left;
            transition:all 1s;

        }

        .photograph_4_balance {
            width:25%;
            height:100%;
            background-color:gray;
            background-image:url(../../publicDesktop/img/custom_web_development_3.png);
            background-size:cover;
            float:left;
            transition:all 1s;
        }

        .show_scroll{

            display:block;
        
        }

        .hide_scroll{

            display:none;
        
        }
    }