@import url('../../OneCol1/Css/OneCol1.css');

/* ############################################################################
   ## 
   ##  Landing Page
   ##
   ######################################################################### */

#Content {
}

    #Page {
    }

        #PageTop {
            display: none;
        }
    
        #Page #PageContent {
        }

            #Page #PageContent #Primary {

            }
        
            #Page #PageContent #Secondary {
            }

                #Page #PageContent #Secondary #SecondaryContent {
                    padding: 60px;
                    background: #e6e8ef;
                }

        #Tertiary {
            display: none;
        }

/* ############################################################################
   ## 
   ##  Layout for Different Screen Sizes
   ##
   ##  Be sure to co-ordinate these layouts with the responsive sizes used in all templates in the site, or you'll run into trouble.
   ##
   ######################################################################### */

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

    #Primary #PageTitle {
        margin-bottom: 1.5em;
        text-align: center;
    }

}

@media screen and (max-width: 1200px) {

    #Header #AnchorMenu {
        /* display: block; */ /* Sometimes it's good to show the anchor menu on the home page. */
    }

    #Header #MainMenu {
        /* display: block; */ /* Sometimes it's good to show the main menu on the home page. */
    }

    #PrimaryContent {
        float: none;
        width: 100%;
    }

}