@font-face {
          font-family: 'Deckard-Bold';
          src: url('../fonts/Deckard-Bold.eot');
          src: url('../fonts/Deckard-Bold.eot?#iefix') format('embedded-opentype'),
               url('../fonts/Deckard-Bold.woff') format('woff'),
               url('../fonts/Deckard-Bold.ttf')  format('truetype'),
               url('../fonts/Deckard-Bold.svg#3682e6ea26a3c7e02bad5d07e55fe7de') format('svg');
          font-style: normal;
          font-weight: 700;
        }


        * {
            margin:0;
            padding:0;
            box-sizing:border-box;
        }
        
        a {
            text-decoration:none;
            color:black;
            font-style:italic;
            border-bottom:0px dotted black;
        }
        
        a:hover {
            border-bottom:1px dotted black;
            
        }
        
        ul {
            list-style-type:none;
            font:23px/30px "ff-spinoza-web-pro", Times, serif;
        }

        body{
            background: white;
            -webkit-font-smoothing: antialiased;

        }
        
        #c {
            width:100%;
            height:100%;
            position:fixed;
            cursor:crosshair;
        }
        
        section {
            position:absolute;
            width:50%;
            right:0;
            padding:52px;
            z-index:100;
            background:white;
            color:black;

        }
        

        h1 {
            font: 24px/26px "Deckard-Bold",sans-serif;
            font-weight:normal;
            text-indent:52px;
            padding:0 0 26px 0;
            font-style: normal; 
        }
        
        p {
            font:23px/30px "ff-spinoza-web-pro", Times, serif;
            text-indent:52px;
        }
        i {
            font-style: italic;
        }
        p:first-of-type {
            text-indent:0;
        }
        
        .indent {
            text-indent:52px;
        }
        
        .margin-indent {
            margin-left:52px;
        }
        
        .no-indent {
            text-indent:0;
        }
        
        .break-top { padding-top:26px; }
        .break-top-2 { padding-top:32px; }
        .break-bottom { padding-bottom:26px; }
        .break-bottom-2 { padding-bottom:52px; }
        
        .deckard, .deckard p {
            font-family: "Deckard-Bold",sans-serif;
            font-weight: 300;
        }

        #c {
            background: black;
        }

        @media (max-width: 767px) { 

            section {
                position:static;
                width:100%;
                top:0;
                padding:18px;
                z-index:1000;
                color:black;
            }

            #c {
                width:100%;
                height:300px;
                position: static;
                top:0;
                left:0;
                z-index:50;
            }


            p, ul {
                font:12px/18px "ff-spinoza-web-pro", Times, serif;
                text-indent:18px;
            }
            
            h1, .deckard, .deckard p {
                font:12px/18px "Deckard-Bold",sans-serif;
            }

            h1 {
                text-indent:18px;
            }
            .indent {
                text-indent:18px;
            }
            
            .margin-indent {
                margin-left:18px;
            }

            .break-top { padding-top:26px; }
            .break-top-2 { padding-top:32px; }
            .break-bottom { padding-bottom:26px; }
            .break-bottom-2 { padding-bottom:52px; }

        }

        @media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  {

            body {
                background:black;
            }
            section {
                position:static;
                width:50%;
                float:right;
                padding:32px;
                z-index:1000;
                color:black;
            }

            #c {
                width:50%;
                height:100%;
                position: fixed;
                top:0;
                left:0;
                z-index:50;
            }


            p, ul {
                font:14px/20px "ff-spinoza-web-pro", Times, serif;
                text-indent:20px;
            }
            
            h1, .deckard, .deckard p {
                font:14px/20px "Deckard-Bold",sans-serif;
            }

            h1 {
                text-indent:20px;
            }
            .indent {
                text-indent:20px;
            }
            
            .margin-indent {
                margin-left:20px;
            }

        }

        .various {
            background: white;
            padding: 10px;
            z-index: 9999;
        }
        .various ul  {
            position: absolute;
            background: white;
            padding: 20px 20px 0px 20px;
            /*right: 0%;*/
            left: 182px;
            bottom: 90px;
            pointer-events: none;
            opacity: 0;
            z-index: 8888;
        }
        .various:hover ul {
            opacity: 1;
        }
        .various ul li  {
            font-size: 14px;
            line-height: 19px;
        }
        .various ul li a {
            font-size: 14px;
        }