html {
               
                overflow-x: hidden!important;
                min-height:100%;/* make sure it is at least as tall as the viewport */
                position:relative;

            } 
        

            body, html {
                margin: 0;
                padding:0;
                font-family: 'Open Sans', sans-serif;
                font-size:100%;
                background-color:#000;
                
   
            }
            
            p { 
            font-size:18px;
            }
            
            p.writeup { 
            font-size:1.5vw;
            }
         
            h1 {
                font-size:4vw;
            }
            
            h2 {
                font-size:3.5vw;
            }
            
            .preview {
                display: none; color:#02a9c0; background: rgb(0,0,0,0.7); padding:20px; border-radius:5px; border:1px solid #07a1f3; font-size:3vw; position:fixed; top:40px; right:40px; z-index:10;
            }
            
            #wrapper {
                width:100%;
                overflow:hidden;
               /* white-space:nowrap;*/
        }
    
         #div-10, #div-11, #div-12, #div-13, #div-14, #div-15, #div-16, #div-17, #div-18, #div-19 {
            position: relative;
            background-attachment: fixed;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            
            background-image: url("../pics/backgrounds/r_background15.jpg");
            cursor: pointer;
            }         
 
      
    
            #div-10 {
                
                background-color:#000;

                  
 
               
            }
            
          #div-10:hover {
                /*background-image: url("../pics/backgrounds/r_background13.jpg");*/
                box-shadow: inset 0px 0px 40px rgba(0,0,0,0.9);
                     

            }
            
            #div-11 {
                background-color:#222;


            }
            #div-11:hover {
                /*background-image: url("../pics/backgrounds/r_background13.jpg");*/
                box-shadow: inset 0px 0px 40px rgba(0,0,0,0.9);


            }   
            
            #div-12 {
                background-color:#444;

            }
            #div-12:hover {
               
                /*background-image: url("../pics/backgrounds/r_background13.jpg");*/
                box-shadow: inset 0px 0px 40px rgba(0,0,0,0.9);

            }
            
            #div-13 {

                background-color:#666;

            }
            #div-13:hover {

                /*background-image: url("../pics/backgrounds/r_background13.jpg");*/
                box-shadow: inset 0px 0px 40px rgba(0,0,0,0.9);

            }           
            #div-14 {

                background-color:#888;

            }
             #div-14:hover {

                /*background-image: url("../pics/backgrounds/r_background13.jpg");*/
                box-shadow: inset 0px 0px 40px rgba(0,0,0,0.9);

            }            
            #div-15 {

                background-color:#aaa;

            }
            
            #div-15:hover {

                /*background-image: url("../pics/backgrounds/r_background13.jpg");*/
                box-shadow: inset 0px 0px 40px rgba(0,0,0,0.9);

            }
            
            #div-16 {

                background-color:#bbb;

            }
           #div-16:hover {

                /*background-image: url("../pics/backgrounds/r_background13.jpg");*/
                box-shadow: inset 0px 0px 40px rgba(0,0,0,0.9);

            }           
            #div-17 {

                background-color:#ccc;

            }
            
            #div-17:hover {

                /*background-image: url("../pics/backgrounds/r_background13.jpg");*/
                box-shadow: inset 0px 0px 40px rgba(0,0,0,0.9);

            }
           
            #div-18 {


                background-color:#ddd;

            }
            #div-18:hover {


                /*background-image: url("../pics/backgrounds/r_background13.jpg");*/
                box-shadow: inset 0px 0px 40px rgba(0,0,0,0.9);

            }
                        
            #div-19 {

                background-color:#eee;

            }
                        
            #div-19:hover {

             
                /*background-image: url("../pics/backgrounds/r_background13.jpg");*/
                box-shadow: inset 0px 0px 40px rgba(0,0,0,0.9);

            }            

            
            .normal-div{
                width:12%;
                min-height:2000px;
                position:relative;
                border-left: 1px solid #07a1f3;
                float:left;
                margin-right:-2;
                -webkit-transition: all 0.5s ease-in-out;
                -moz-transition: all 0.5s ease-in-out;
                transition: all 0.5s ease-in-out;
            }
            
            .expanded-div{
                width:89%;
            }
            
            .compressed-div{
                width:1%;
            }
            
            .container{
                margin:0;
                padding:0;
                width:100%;
                
            }
            
            .content {
                margin: 40px 60px 60px 60px;
                
                background: rgb(255,255,255,0.6);
                color:#333;
                padding:40px;
                border-radius:5px; border:1px solid #07a1f3;
                z-index:2;
           
            }
            
            .show {
                display:block;
            }
            
            .hide {
                display:none;
            }
            
            .footer {
                position:fixed;
                bottom:20px;
                right:20px;
                color:#000;
                font-size:2vw;
                z-index:10;
            }
            
            a:visited {
                
                color:#02a9c0;
                text-decoration:none;
                 

                
            }
            
            a {
                font-size:18px;
                color: #02a9c0;
                cursor: pointer;
            }
            
            .nav_container {
                position:fixed;
                right:20px;
                top:40%;
                
            }
       
       
@media only screen and (max-device-width: 1024px) {
    
      p{
        font-size:16px;
    }
    
                p.writeup { 
            font-size:16px;
            }

    
    .preview {
                display: none; color:#fff; font-size:20px; position:fixed; top:10px; right:10px; z-index:10;
            }
    
}