﻿section {

    margin: 3em 0em;
}


li.nav-products {
    display: unset;
}



section.top {
    margin-bottom: 1em;
}


div.cta.top {
    margin-bottom: 0;
}

div.cta a.cta {
    line-height: 1.4;
    padding: 0.5em 1.4em;

    margin-top: 0.7em;
}

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


figure.video-top {
    margin-top: 1em;
}


div.video.wide {
    margin-bottom: 2em;
}

figure div.video.wide {
    margin-bottom: 0em;
}


/* mobile - smaller */


    div.video.wide iframe {
        width: 360px;
        height: 250px;
    }

div.video iframe {
    padding: 0;
    margin: 0;
}

div.video {
    padding: 0;
    margin: 0;
}

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

    div.video.wide iframe {
        width: 600px;
        height: 450px;
    }

}


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

    div.video.wide iframe {
        width: 800px;
        height: 450px;
    }

}




/* /mobile */

ul.courses {
    margin: 2em 0em;
}

ul.courses li {

    font-weight: bold;
    font-size: 12pt;
    color: hsl(0, 0%, 5%);

}

section.contact-us {
    margin-bottom: 3em;
}


div.products {
    margin-top: 2em;
}

div.services {
    margin-top: 2em;
}


        main div.right-panel.top
        {
                margin-bottom: 0;
                padding-bottom: 0;
        }

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

            main div.left-panel.top {
                float: left;
                display: inline;
                width: 70%;
                /*
                border: 1px solid black;
                */
            }

            main div.right-panel.top {
                float: left;
                display: inline;
                width: 24%;
                margin-bottom: 0;
                padding-bottom: 0;
                /*
                border: 1px solid black;
                */
            }

        }

