.myBoxes {
            padding: 0px 10px 10px 20px;
            background: rgb(255, 255, 255);
            /* Old browsers */
            /* IE9 SVG, needs conditional override of 'filter' to 'none' */
            background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc1JSIgc3RvcC1jb2xvcj0iI2ZkZmRmZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmN2Y3ZjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
            background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(253, 253, 253, 1) 75%, rgba(247, 247, 247, 1) 100%);
            /* FF3.6+ */
            ;
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(75%, rgba(253, 253, 253, 1)), color-stop(100%, rgba(247, 247, 247, 1)));
            /* Chrome,Safari4+ */
            ;
            background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(253, 253, 253, 1) 75%, rgba(247, 247, 247, 1) 100%);
            /* Chrome10+,Safari5.1+ */
            ;
            background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(253, 253, 253, 1) 75%, rgba(247, 247, 247, 1) 100%);
            /* Opera 11.10+ */
            ;
            background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(253, 253, 253, 1) 75%, rgba(247, 247, 247, 1) 100%);
            /* IE10+ */
            ;
            background: linear-gradient(to top, rgba(255, 255, 255, 1) 0%, rgba(253, 253, 253, 1) 75%, rgba(247, 247, 247, 1) 100%);
            /* W3C */
            ;
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7', GradientType=0);
            /* IE6-8 */
            ;
            -webkit-box-shadow: 0px 1px 0px rgba(50, 50, 50, 0.5);
            -moz-box-shadow: 0px 1px 0px rgba(50, 50, 50, 0.5);
            box-shadow: 0px 1px 0px rgba(50, 50, 50, 0.5);
            border: 1px #CDCDCD solid;
            border-radius: 5px;
        }




        #nav {
            width: 975px;
            float: left;
            margin: 13px 0 16px 0;
            padding: 0;
            list-style: none;
            background-color: #666666;
            border-bottom: 1px solid #666666;
            border-top: 1px solid #666666;
        }

        #nav li {
            float: left;
        }

        #nav li a {
            display: block;
            padding: 8px 19px;
            text-decoration: none;
            font-weight: bold;
            font-size: 12px;
            color: #ffffff;
            border-right: 1px solid #666666;
        }

        #nav li a:hover {
            color: #ffffff;
            background-color: #333333;
        }

        /* End primary navigation bar styling. */

        #nav1 {
            width: 975px;
            float: left;
            margin: 0 0 3em 0;
            padding: 0;
            list-style: none;
            background-color: #ffffff;
            border-bottom: 1px solid #ffffff;
            border-top: 1px solid #ffffff;
        }

        #nav1 li {
            float: left;
        }

        #nav1 li a {
            display: block;
            padding: 8px 15px;
            text-decoration: none;
            font-weight: bold;
            font-size: 70%;
            color: #000000;
            border-right: 1px solid #ffffff;
        }

        #nav1 li a:hover {
            color: #c00;
            background-color: #ffffff;
        }

        /* End secondary navigation bar styling. */

        .myBoxesWhiteBackground {
            padding: 10px;
            width: 450px;
            height: 200px;
            background: rgb(255, 255, 255);

            -webkit-box-shadow: 0px 1px 0px rgba(50, 50, 50, 0.5);
            -moz-box-shadow: 0px 1px 0px rgba(50, 50, 50, 0.5);
            box-shadow: 0px 1px 0px rgba(50, 50, 50, 0.5);
            border: 1px #CDCDCD solid;
            border-radius: 5px;
        }

        .myBoxesGrayBackground {
            padding: 10px;
            width: 450px;
            height: 200px;
            background: #f8f8f8;

            -webkit-box-shadow: 0px 1px 0px rgba(50, 50, 50, 0.5);
            -moz-box-shadow: 0px 1px 0px rgba(50, 50, 50, 0.5);
            box-shadow: 0px 1px 0px rgba(50, 50, 50, 0.5);
            border: 1px #CDCDCD solid;
            border-radius: 5px;
        }

        .myBoxesVideoBackground {

            padding: 10px;

            width: 450px;

            height: 200px;

            background: #d3d3d3;



            -webkit-box-shadow: 0px 1px 0px rgba(50, 50, 50, 0.5);

            -moz-box-shadow: 0px 1px 0px rgba(50, 50, 50, 0.5);

            box-shadow: 0px 1px 0px rgba(50, 50, 50, 0.5);

            border: 1px #CDCDCD solid;

            border-radius: 5px;

        }






        a:link {
            color: yellow;
        }

        /* unvisited link */

        a:visited {
            color: yellow;
        }

        /* visited link */

        a:hover {
            color: yellow;
        }

        /* mouse over link */

        a:active {
            color: red;
        }

        /* selected link */

        input.button1 {
            background-color: #259bdd;
            box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
            border-radius: 8px;
            padding: 5px 12px;
            font-size: 18px;
            border: none;
            color: yellow;
            text-align: center;
            text-decoration: none;
            display: inline-block;
            -webkit-transition-duration: 0.2s;
            /* Safari */
            transition-duration: 0.2s;
        }

        .button1:hover {
            background-color: green;
            color: white;
        }










        /* latin-ext */

        @font-face {
            font-family: 'Capriola';
            font-display: swap;
            font-style: normal;
            font-weight: 400;
            src: local('Capriola Regular'), local('Capriola-Regular'), url(https://fonts.gstatic.com/s/capriola/v4/MCXNg459ZtebBVYIDxweyhTbgVql8nDJpwnrE27mub0.woff2) format('woff2');
            unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
        }

        /* latin */

        @font-face {
            font-family: 'Capriola';
            font-display: swap;
            font-style: normal;
            font-weight: 400;
            src: local('Capriola Regular'), local('Capriola-Regular'), url(https://fonts.gstatic.com/s/capriola/v4/1uu0rRDB9aBBIKvbF1Q_1PesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
            unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
        }

        /* latin */

        @font-face {
            font-family: 'Cinzel Decorative';
            font-display: swap;
            font-style: normal;
            font-weight: 400;
            src: local('CinzelDecorative-Regular'), url(https://fonts.gstatic.com/s/cinzeldecorative/v4/fmgK7oaJJIXAkhd9798yQl4jZHmtnl4mfN0ClpLnj0E.woff2) format('woff2');
            unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
        }

        /* latin */

        @font-face {
            font-family: 'Numans';
            font-display: swap;
            font-style: normal;
            font-weight: 400;
            src: local('Numans'), local('Numans-Regular'), url(https://fonts.gstatic.com/s/numans/v6/GE2z0KRlbJSzANt08q-9bg.woff2) format('woff2');
            unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
        }

        /* latin */

        @font-face {
            font-family: 'Strait';
            font-display: swap;
            font-style: normal;
            font-weight: 400;
            src: local('Strait'), local('Strait-Regular'), url(https://fonts.gstatic.com/s/strait/v4/LimB8Qw7LXxhgcZqZA4MPA.woff2) format('woff2');
            unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
        }

        /* latin */

        @font-face {
            font-family: 'Tangerine';
            font-display: swap;
            font-style: normal;
            font-weight: 400;
            src: local('Tangerine'), url(https://fonts.gstatic.com/s/tangerine/v7/HGfsyCL5WASpHOFnouG-RFtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
            unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
        }
        
        
        








        BODY {
            font-family: "Arial";
            background-color: #000000;
            margin: 0px;
            padding: 0px;
            text-align: center;
            min-width: 1046px;
        }
        
        
        
        
               #particles-js {
  position: absolute;
  width: 100%;
  height: 160%;
  background: linear-gradient(to bottom, rgba(117, 114, 113, 0.8) 10%, rgba(40, 49, 77, 0.8) 30%, rgba(29, 35, 71, 0.8) 50%, rgba(19, 25, 28, 0.8) 80%, rgba(15, 14, 14, .8) 100%), url(https://douglasniedt.com/images/background-animations/snow-blowing-winter-blur-2.gif);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  z-index: -1;
} 
        
        
        
        
        
        
        
        




        p {
            font-family: 'Strait', sans-serif;
        }




        h1 {
            font-size: 500%;
            font-weight: normal;
            color: #ed2923;
        }



        h2 {
            font-family: 'Arial';
            font-size: 200%;
            font-weight: normal;
            color: black;
        }



        h3 {
            font-size: 150%;
            font-weight: normal;
            margin-top: 50px;
            margin-bottom: 20px;
            color: #ffff99;
        }



        h4 {
            font-size: 130%;
            font-weight: normal;
            margin-top: 50px;
            margin-bottom: 20px;
            color: magenta;
        }


        h5 {
            font-size: 115%;
            font-weight: normal;
            margin-top: 20px;
            margin-bottom: 20px;
            color: cyan;
        }




        FORM {
            margin: 0;
            padding: 0;
        }



        #centerwrapper {
            text-align: left;
            width: 975px;
            margin-left: auto;
            margin-right: auto;
        }

        @media screen and (max-width: 1000px) {
            body,
            #nav,
            #nav1,
            #content,
            iframe,
            #centerwrapper,
            .myBoxesGrayBackground,
            .myBoxesWhiteBackground,
            .myBoxesVideoBackground {
                max-width: 100%;
                width: 100% !important;
                min-width: 100% !important;
            }
            * {
                margin-right: 0 !important;
                margin-left: 0 !important;
            }
            p {
                margin-right: 0 !important;
                margin-left: 0 !important;
                width: 100%;
                display: block;
                float: none;
            }
            img {
                width: 100%;
                height: auto;
            }
            #nav1 li a {

                display: block;
                padding-left: 0;
                padding-right: 0;
                text-align: center;
            }
            ul,
            ol,
            li {
                /*display: inline;*/
            }
            #nav li {
                text-align: center;
            }
            * {
                /*border: 1px solid;*/
                float: none !important;
                margin-left: 0 !important;
                margin-right: 0 !important;
                padding-left: 0 !important;
                padding-right: 0 !important;
            }
            .myBoxesGrayBackground,
            #content {
                margin-top: 10px !important;
                height: auto !important;
            }
            .myBoxesVideoBackground,
            #content {
                margin-top: 10px !important;
                height: auto !important;
            }
            #centerwrapper {
                width: 90% !important;
                min-width: 90% !important;
                margin-left: 3% !important;
            }
            .myBoxesGrayBackground,
            .myBoxesWhiteBackground,
            .myBoxesVideoBackground {
                padding: 0 2% !important;
                height: auto !important;
            }
            .icon-image {
                width: 15%;
                float: right !important;
            }
            .hide-on-mobile {
                display: none !important;
            }
            #nav {
                margin-left: 3% !important;
            }
            #nav li,
            #nav1 li {
                margin-bottom: 10px;
                margin-top: 10px;
            }
            #nav li a,
            #nav1 li a {
                font-size: 14px;
            }
            
/********************************* Waqas CSS Start*************************************/
            
            .myBoxesVideoBackground video,.myBoxesVideoBackground audio {
                
                width:100%;
                
            }
         
            
            
            
        }
      

        #centerwrapper {
            margin: auto !important;
        }

        #nav {
            margin-left: 0 !important;
        }

        .myBoxesGrayBackground,
        .myBoxesWhiteBackground,
        .myBoxesVideoBackground {
            box-sizing: border-box;
        }
    

        @media screen and (max-width: 1000px) {
            img[src='https://www.paypalobjects.com/en_US/i/scr/pixel.gif'] {
                height: 1px !important;
                overflow: hidden;
                visibility: visible;
                width: 1px !important;
            }
            form[target=paypal] img {
                height: 1px !important;
                overflow: hidden;
                visibility: visible;
                width: 1px !important;
            }
            form[target=paypal] input[type=hidden] {
                visibility: hidden;
            }
            ._listen_image {
                width: 150px !important;
                margin: 0 auto !important;
                display: block;
            }
            ._look_inside {
                width: 70px !important;
                margin: 0 auto !important;
                display: block;
            }
            ._listen_image2 {
                width: 120px !important;
                margin: 0 auto !important;
                display: block;
            }
            ._sheet_musicicon {
                width: 100px !important;
                margin: 0 auto !important;
                display: block;
            }
            .fullscreen-video {
                width: 100% !important;
                height: 100% !important;


            }
            ._watch_video {
                width: 80px !important;
                margin: 0 auto !important;
                display: block;
            }
            * {
                margin-top: 0 !important;
            }
            #_id21ff {
                box-sizing: border-box;
                margin-bottom: 5px !important;
            }
            #_id21ff .myBoxesGrayBackground {
                box-sizing: border-box;
                margin-bottom: 5px;
            }
            #_id21ff .myBoxesGrayBackground p {
                line-height: 40px;
                padding-bottom: 0;
                margin-bottom: 0;
            }
            .smlr_sz {
                font-size: 330% !important;
            }
            .mvbtm {
                margin-bottom: 15px !important;
                margin-top: 10px !important;
            }

            .myBoxesGrayBackground {

                margin-top: 30px !important;
                padding-top: 30px !important;
                padding-bottom: 20px !important;

            }

            .myBoxesVideoBackground {
                margin-top: 30px !important;
                padding-top: 40px !important;
                padding-bottom: 0px !important;
            }
            
            .besuretowatch {
                font-size: 100% !important;
            }

            .inthebleakmidwinterh2 {
                padding-top: 0 !important;
            }

            .inthebleakmidwinterdiv {
                padding-bottom: 30px !important;
            }

            .inthebleakmidwinterplayitlikeaproh2 {
                padding-top: 30px !important;
            }

            #bleakmidwinter {
                margin-bottom: 10px !important;
            }            
            

            .paypalcartbutton {
                margin-top: -10px !important;
            }

            .button1 {
                font-size: 80% !important;
                margin-bottom: 20px !important;
                padding-left: 10px !important;
                padding-right: 10px !important;
            }

           /* .example-image {
                width: 200px !important;
                height: 133px !important;
            }*/
            
            .popupimages {
                width: 65% !important;
                height:65% !important;
                margin-top: 10px !important;
                margin-left:auto !important;
                margin-right:auto !important;

            }
            


            .lb-nav {
                display: none !important;
            }
            .lb-outerContainer,
            .lb-dataContainer {
                margin: 0 auto !important;
            }

        }
    

        /* Preload images */

        body:after {

            content: url(//douglasniedt.com/photogallery/close.png) url(//douglasniedt.com/photogallery/loading.gif) url(//douglasniedt.com/photogallery/prev.png) url(//douglasniedt.com/photogallery/next.png);
            display: none;
        }
        .lightboxOverlay {
            position: absolute;
            top: 0;
            left: 0;
            z-index: 9999;
            background-color: black;
            filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
            opacity: 0.8;
            display: none;
        }
        .lightbox {
            position: absolute;
            left: 0;
            width: 100%;
            z-index: 10000;
            text-align: center;
            line-height: 0;
            font-weight: normal;
        }
        .lightbox .lb-image {
            display: block;
            height: auto;
            max-width: inherit;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            -ms-border-radius: 3px;
            -o-border-radius: 3px;
            border-radius: 3px;
        }
        .lightbox a img {
            border: none;
        }
        .lb-outerContainer {
            position: relative;
            background-color: white;
            *zoom: 1;
            width: 250px;
            height: 250px;
            margin: 0 auto;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            -ms-border-radius: 4px;
            -o-border-radius: 4px;
            border-radius: 4px;
        }
        .lb-outerContainer:after {
            content: "";
            display: table;
            clear: both;
        }
        .lb-container {
            padding: 4px;
        }
        .lb-loader {
            position: absolute;
            top: 43%;
            left: 0;
            height: 25%;
            width: 100%;
            text-align: center;
            line-height: 0;
        }
        .lb-cancel {
            display: block;
            width: 32px;
            height: 32px;
            margin: 0 auto;
            background: url(//douglasniedt.com/photogallery/loading.gif) no-repeat;
        }
        .lb-nav {
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            width: 100%;
            z-index: 10;
        }
        .lb-container>.nav {
            left: 0;
        }
        .lb-nav a {
            outline: none;
            background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
        }
        .lb-prev,
        .lb-next {
            height: 100%;
            cursor: pointer;
            display: block;
        }
        .lb-nav a.lb-prev {
            width: 34%;
            left: 0;
            float: left;
            background: url(//douglasniedt.com/photogallery/prev.png) left 48% no-repeat;
            filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
            opacity: 0;
            -webkit-transition: opacity 0.6s;
            -moz-transition: opacity 0.6s;
            -o-transition: opacity 0.6s;
            transition: opacity 0.6s;
        }
        .lb-nav a.lb-prev:hover {
            filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
            opacity: 1;
        }
        .lb-nav a.lb-next {
            width: 64%;
            right: 0;
            float: right;
            background: url(//douglasniedt.com/photogallery/next.png) right 48% no-repeat;
            filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
            opacity: 0;
            -webkit-transition: opacity 0.6s;
            -moz-transition: opacity 0.6s;
            -o-transition: opacity 0.6s;
            transition: opacity 0.6s;
        }
        .lb-nav a.lb-next:hover {
            filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
            opacity: 1;
        }
        .lb-dataContainer {
            margin: 0 auto;
            padding-top: 5px;
            *zoom: 1;
            width: 100%;
            -moz-border-radius-bottomleft: 4px;
            -webkit-border-bottom-left-radius: 4px;
            border-bottom-left-radius: 4px;
            -moz-border-radius-bottomright: 4px;
            -webkit-border-bottom-right-radius: 4px;
            border-bottom-right-radius: 4px;
        }
        .lb-dataContainer:after {
            content: "";
            display: table;
            clear: both;
        }
        .lb-data {
            padding: 0 4px;
            color: #ccc;
        }
        .lb-data .lb-details {
            width: 85%;
            float: left;
            text-align: left;
            line-height: 1.1em;
        }
        .lb-data .lb-caption {
            font-size: 13px;
            font-weight: bold;
            line-height: 1em;
        }
        .lb-data .lb-number {
            display: block;
            clear: left;
            padding-bottom: 1em;
            font-size: 12px;
            color: #999999;
        }
        .lb-data .lb-close {
            display: block;
            float: right;
            width: 30px;
            height: 30px;
            background: url(//douglasniedt.com/photogallery/close.png) top right no-repeat;
            text-align: right;
            outline: none;
            filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
            opacity: 0.7;
            -webkit-transition: opacity 0.2s;
            -moz-transition: opacity 0.2s;
            -o-transition: opacity 0.2s;
            transition: opacity 0.2s;
        }
        .lb-data .lb-close:hover {
            cursor: pointer;
            filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
            opacity: 1;
        }
        
    

 a.button3{
display:inline-block;
padding: .9em 1.2em 1.1em 1.2em;
margin:0 0.3em 0.3em 0;
border-radius:2em;
box-sizing: border-box;
text-decoration:none;
font-family:'Roboto',sans-serif;
font-weight:500;
font-size:120%;
color:red;
background-color: yellow;
text-align:center;
transition: all 0.2s;
}
a.button3:hover{background-color:blue;
}
@media all and (max-width:30em){
a.button3{
display:block;
margin:0.2em auto;
margin-bottom:50px;
}
}