div.sections-outer.bg {
                margin: 0;
                padding: 0;

                padding-top: 0px;

                min-height: 800px;
                background: #e0e0e0;

                background-image: url('/images/christopher-gower-m_HRfLhgABo-unsplash.jpg');
                background-repeat: no-repeat;
                background-color: #dcdfe8;
            }

            div.landing-top {

                font-size: 14pt;
                
                /* 
                    
                background-color: hsl(190, 56%, 39%);
                background: linear-gradient(90deg, #00c9ff, #92fe9d);
                background: linear-gradient(90deg, #00d2ff, #3a47d5);
                background: linear-gradient(90deg, #00d2ff, #3a47d5);
                */
                
                min-height: 300px;
                

                
                background-color: #1b3853;
                

                
                background-color: hsl(200, 50%, 40%);
                
                

                background-color: hsl(185, 50%, 40%);

                background-color: hsl(200, 60%, 47%);

                background: linear-gradient(90deg, hsl(200, 60%, 45%), hsl(185, 50%, 40%));
                background: linear-gradient(90deg, hsl(202, 60%, 45%), hsl(185, 50%, 40%));



                /*
                background-color: hsl(195, 56%, 39%);
                background: linear-gradient(90deg, #202020, aqua);
                */

                /*
                background-image: url('/images/christopher-gower-m_HRfLhgABo-unsplash.jpg');
                background-repeat: no-repeat;
                background-color: #dcdfe8;
                */
                
            }

            div.full-section {
                font-size: 14pt;
                background-color: #1b3853;
                /*
                min-height: 300px;
                */
                

                background: rgb(240,240,240);

                /*
                    background: linear-gradient(90deg, #202020, blue);
                */
                
            }

            div.full-section h2 {
                font-size: 2.4em;
                font-weight: 900;
                margin: 0.5em 0em;
                margin-top: 0.5em;
            }
            
            div.full-section-inner {
                max-width: 800px;
                margin: 0 auto;
                padding: 1em 1em;

                color: #404040;
            }

            div.full-section.first {
                
                background: rgb(254,254, 254);
                /*
                    background: linear-gradient(90deg, #303030, aqua);
                    display: none;
                    background: rgb(240,240,240);
                */
            }

            div.full-section.second {
                

                /*
                    background: linear-gradient(90deg, #202020, yellow);
                    display: none;
                    background: rgb(240,240,240);
                */
            }

            div.full-section.third {
                
                /*
                    background: linear-gradient(90deg, #202020, yellow);
                    display: none;
                    background: rgb(240,240,240);
                */
                
            }

            div.full-section.fourth {
                background: rgb(240,240,240);
            }

            div.full-section.fifth {
                margin-top: 0em;

                padding-top: 3em;
                padding-bottom: 5em;

                background: rgb(240,240,240);
            }


            div.full-section.bg {
                /*
                background-image: url('/images/christopher-gower-m_HRfLhgABo-unsplash.jpg');
                background-repeat: no-repeat;
                background-color: #dcdfe8;
                    */
                min-height: 180px;
                display: none;
            }



            div.landing-top, div.landing-top h1, div.landing-top h2 { /* set main colors */
                color: #fdfdfa;

                color: #fdfdfd;

            }

            div.landing-top div.landing-top-relative-holder { /* needed to make elements position relative to this */
                position: relative;
                z-index: 1;
            }

            div.landing-top div.rectangle-1 {
                position: absolute;
                left: 200px;
                top: 20px;
                width: 200px;
                height: 20px;
                background: #e0e0e0;
                opacity: 0.5;
                z-index: 1;
                display: none;
            }
            
            div.landing-top div.svg-1 {
                width: 200px;
                height: 200px;
                position: absolute;
                left: 0px;
                top: 0px;
                opacity: 0.5;
                display: none;
            }



            /* landing top design bg */

            div.landing-top.design-bg, div.landing-top.design-bg h1, div.landing-top.design-bg h2 { /* set main colors */
                color: rgba(20,20,20, 1);
            }

            div.landing-top.design-bg {

                background-image: url('/images/christopher-gower-m_HRfLhgABo-unsplash.jpg');
                background-repeat: no-repeat;
                background-color: #dcdfe8;

            }

            /* /landing top design bg */



            div.landing-top div.landing-top-inner {
                margin: 0 auto;
                max-width: 1200px;
                padding: 1.5em 1em;

                
            }

            div.intro-block {
                /*

                    */

                float: left;
                display: inline;

                margin-right: 3em;
                max-width: 600px;
                
                padding: 1em;
                margin-bottom: 1em;
                
                
                /*
                position: relative;
                top: 0;
                left: 0;
                    */

                
            }
            
            div.intro-block p {
                font-weight: 500;
                font-size: 1.1em;
            }



            div.block-inner {
                position: relative;
                top: 0;
                left: 0;
                z-index: 2;

            }

            div.intro-block h1 {
                font-size: 2.6em;
            }

            div.services-features-block {

                float: left;
                display: inline;


                /*
                position: relative;
                top: 0;
                left: 0;
                    */

                border-radius: 5px;

                max-width: 350px;

                padding: 1.8em;
                background-color: #fdfdfa;
                color: #202020;

                z-index: 2;
                

            }

            div.services-features-block h2 {
                /* services heading*/
                margin: 0;
                padding: 0;
                margin-top: 0;
                padding-top: 0;
                
                color: #008ed1;
            }

            div.services-features-block ul {
                margin: 0;
                margin: 0.7em 0em;
                margin-bottom: 0.7em;

                margin-left: 1.4em;
                padding: 0;
            }

            div.services-features-block ul li {
                font-size: 0.95em;
                margin:0.55em 0em;
                margin-right: 1em;
                
                line-height: 1.4;
            }
            
            div.services-features-block ul li {
                color: #008000;
            }

            div.services-features-block ul li span {
                color: #202020;
                font-size: 0.95em;
                
            }


            div.intro-block h2.tagline {
                font-size: 1.3em;
            }




            /* if between certain range */
                @media only screen and (min-width: 500px) and (max-width: 1200px)
                {
                    div.intro-block, div.services-features-block {
                        display: block;
                        float:none;
                        margin: 0 auto;
                    }
                }

            /* /if between certain range */





            



            div.home-main div.block.wide {
                background: rgba(0,0,0, 0.75);
            }

            div.home-main div.block.wide h2 {
                font-size: 3em;
            }


            div.privacyPolicyTop {
                color: #979797;
                font-size: 11pt;
                font-weight: bold;
                padding-top: 1em
            }




            div.intro-block a.cta.full {
                margin-top: 0.5em;
                
                background-color: hsl(150, 60%, 50%);
                
                text-align: center;

                padding: 0.7em 1.5em;
                font-size: 1.2em;
                position: relative;
                
                top: 0;

            }

            div.intro-block a.cta.full {
                left: 5%;
            }

            div.cta-top {
                margin-bottom: 1.2em;
            }

            div.intro-block {
                margin-bottom: 0em;
                padding: 1.2em 1em;
            }

            @media only screen and (min-width: 480px)
            {
                div.intro-block a.cta.full {
                    left: 25%;
                }

                div.intro-block {
                    margin-bottom: 0em;
                    padding: 0.30em 1em;
                }

            }


            section.about-main h2 {
                font-size: 3em;
                font-weight: 900;
                line-height: 1.1;
                
            }

            div.ceilingNav.opened {

                z-index: 4;
            }

            div.ceiling-nav-inner {
                /*
                position: relative;
                left: 0;
                top: 0;
                border: 1px solid blue;
                padding: 1em;
                z-index: 10;
                width: 300px;
                height: 400px;
                    */
            }


            div.section-background-image img {
                padding: 0;
                margin: 0;
                border: 0;
                width: 100%;
            }

            div.sections-outer.bg {
                min-height: unset;
                background-image: unset;
                /*
                background-image: url('/images/christopher-gower-m_HRfLhgABo-unsplash.jpg');

                background-repeat: no-repeat;
                */
                background-color: #dcdfe8;
            }

            div.siteHeading {
                margin-top: 16px;
                font-size: 23pt;
            }



            /* page specific definite */

            /* mobile */
            ul.cro {
                padding-left: 1em;
            }

            ul.cro li {
                margin: 1.5em 0em;
            }

            /* /mobile */

            @media only screen and (min-width: 480px) {
                ul.cro li {
                    margin: 1.5em 1em;
                }
            }



            section p a, section p a:hover {
                /*
                color: blue;
                */

                color: #15b7a8;

            }

            section img {
                width: 100%;
                margin: 1em 0em;
            }

            section figure img {
                width: 100%;
                margin: 1em 0em;
            }





            figure.ga4 {
                margin-left: 0em;
                width: 95%;
            }

            @media only screen and (min-width: 480px)
            {
                figure.ga4 {
                    margin-left: 2em;
                    width: 80%;
                }
            }


            /* mobile */

            section img.left {
                float: unset;
                display: block;
                width: 100%;
                border: 0;
            }

            /* /mobile */

    @media only screen and (min-width: 480px)
    {
            section img.left {
                padding: 0;
                margin: 0;
                float: left;
                display: inline;
                width: 40%;
                padding-right: 1em;
                padding-bottom: 1em;
                border: 0;

            }
    }


    a.cta.full {
        margin-top: 0.5em;
    }

    section {
        margin: 0.5em 0em;
    }






    /* mobile */
    div.left, div.right {
        display: block;
        float: unset;
    }
    div.left {
        margin-right: 0em;
    }
    div.right {
        margin-top: 1.5em;
    }

    /* desktop */
    @media only screen and (min-width: 700px)
    {
        div.left, div.right {
            display: inline;
            float: left;
            max-width: 40%;
        }
        div.left
        {
            margin-right: 2em;
        }

        div.right {
            margin-top: 0em;
        }
    }

    ul em {
        color: hsl(196, 50%, 50%);
        font-style: normal;
    }

    ul.development li {
        margin: 0.35em 0em;
        line-height: 1.4em;
    }

    p.large {
        font-size: 1.2em;
    }



    section.resources-and-tools h3 {
        line-height: 1.5;
    }

    a.cta.full {
        font-size: 14pt;
    }

    section.resources-and-tools a.cta.full {
        font-size: 14pt;
    }

    div.intro-block a.cta.full {
        font-size: 15pt;
    }



    div.get-started.color a.cta.full.rgb {
        background-color: hsl(152, 50%, 50%);
    }

    div.get-started.color a.cta.full.hsl {
        background-color: hsl(160, 50%, 50%);
    }

    div.get-started.seo a.cta.full {
        background-color: hsl(179, 50%, 50%);
    }

    div.get-started.math a.cta.full {
        background-color: hsl(190, 50%, 50%);
    }

    /*
    div.get-started.resources a.cta.full {
        background-color: hsl(200, 50%, 50%);
    }
    */