﻿body.narrow div.middle {width: 95%;}
body.narrow.tablet div.middle {width: 98%;}
body.narrow.tablet h1{font-size: 2.5em;}
body.narrow.tablet #fmenu {float: left; clear: both; margin: 10px 0 0 10px;}
body.narrow.tablet .copy {margin-left: 10px;}
body.narrow.tablet.mobile #fmenu {margin: 10px 0 0 5px;}
body.narrow.tablet.mobile .copy {margin-left: 5px;}
/*body.narrow #logo { width: 150px; background-size: contain; height: 80px; }*/

/*@media only screen and (max-width: 1199px) {
    #logo { width: 192px; background-size: contain; height: 80px;  }
    div.menu-bg { height: 105px; }
    .menu ul.main {margin-top: 50px;}
}*/




@media only screen and (max-width: 1199px) {

    .footer-links, .footer-links.footer-left  {
        display: block;
        margin: 0 auto;
        width: 500px;
        padding-left: 120px;
        
    }

}


    @media only screen and (max-width: 1099px) {

      
        /*
   #logo { width: 150px; background-size: contain; height: 65px;  }
   div.menu ul.main { display: none; }
   div.menu ul.submenu {display: block;}
   div.menu ul.submenu {margin-top: 31px;}
   div.menu-bg { height: 87px; }
   div.social { right: 60px; top: 40px;}
        */
        .hide-if-tablet {
            display: none;
        }

        tr.show-if-tablet {
            display: table-row;
        }
    }



    @media only screen and (max-width: 767px) {

        .copy {text-align:left;}

        #footer div.middle {
            text-align: left;
        }

        .footer-logo {
         margin-left: 15px;   
        }

        .footer-links, .footer-links.footer-left {
            width: auto;
            padding-left: 15px;
        }

            .footer-links h3 {
                font-size: 18px;
            }

        div.footer-links ul.contact-info li {
            font-size: 14px;
            padding-left: 22px;
        }

        .footer-links ul li a {
            font-size: 14px;
        }

            .hide-if-mobile {
                display: none;
            }
    }






    @media only screen and (max-width: 400px) {
        div.social {
            display: none;
        }
    }

    body.narrow.tablet .contentmain {
        margin: 0 10px 0 10px;
        padding: 20px 0;
    }

    body.narrow.tablet.mobile .contentmain {
        margin: 0 5px 0 5px;
        padding: 10px 0;
    }

    body.narrow div.contact-content {
        width: 50%;
    }

    body.narrow.tablet div.contact-content {
        width: 100%;
        margin-bottom: 40px;
    }

    body.narrow.tablet #googlemap {
        height: 300px;
    }

    body.narrow.tablet div.form {
        width: auto;
        float: none;
        clear: both;
    }

    body.narrow.tablet img.article-right {
        width: 50%;
    }

    body.narrow.tablet.mobile img.article-right {
        width: 100%;
        margin-bottom: 20px;
    }


    body.narrow.tablet.mobile div.blogcontent img.left {
        float: none;
        margin: 20px 0 20px 0;
        max-width: none;
        width: 100%;
    }

    body.narrow.tablet.mobile div.blogcontent img.right {
        float: none;
        margin: 20px 0 20px 0;
        max-width: none;
        width: 100%;
    }





    body.narrow.tablet div.right-content {
        width: 100%;
        margin-top: 0;
        height: 55px;
        overflow: hidden;
        margin-bottom: 20px;
    }

    body.narrow.tablet.mobile div.right-content {
        height: 42px;
    }

    body.narrow.tablet div.right-content.show {
        height: auto;
    }

    body.narrow.tablet div.right-content div.fb-container {
        display: none;
    }

    body.narrow.tablet div.left-content {
        width: 100%;
    }

    body.narrow.tablet div.right-content ul.bullet {
        margin-top: 0;
    }

        body.narrow.tablet div.right-content ul.bullet li {
            float: left;
            margin-right: 10px;
        }

    body.narrow.tablet div.right-content h2 {
        font-size: 1.25em;
    }

    body.narrow.tablet div.right-content h3 {
        font-size: 1.1em;
        margin-top: 12px;
    }

    body.narrow.tablet.mobile div.right-content div.form {
        padding: 10px;
    }

    body.narrow.tablet div.right-content div.form a.button {
        margin-top: 10px;
    }

    body.narrow.tablet.mobile div.right-content div.form a.button {
        line-height: 26px;
    }

    body.narrow.tablet a.toggle-form {
        display: block;
        margin-top: -5px;
    }

    body.narrow.tablet div.form.members div.filter {
        width: 100%;
    }

    body.narrow.tablet div.form.members a.button {
        margin-top: 20px;
    }

    body.narrow.tablet div.form.members {
        margin-bottom: 5px;
    }

    body.narrow.tablet div.search-result {
        padding-top: 6px;
        margin-bottom: 12px;
        padding-bottom: 6px;
    }

    body.narrow.tablet a.video, body.narrow.tablet a.image {
        clear: both;
    }


    body.narrow a.button.full {
        font-size: 1.25em;
        padding: 16px 8px;
    }

    body.narrow.tablet a.button.full {
        font-size: 1.1em;
        padding: 8px 8px;
        line-height: 20px;
    }

