/* Responsive CSS  Styles for Smaller or Larger Viewports  */

/***** Styles for Smaller Screens *****/
@media (max-width: 923px) {
    
    /* Layout Styles for Smaller Viewports */
    div#wrapper {
        display:flex;
        flex-direction:column;
        position:inherit;
        width:auto;
    }

    div#masthead {
        display:none;
    }

    /* Maybe can delete?
    div#logo {
        background-color: #e0e0e0;
        padding: 20px;
        max-width:25%;
    }

    div#logo img {
        display:none;
    }
    */

    div#center {
        background-color: #e0e0e0;
        padding: 0;
        text-align: center;
        display: grid;
        grid-template-columns: 1fr;
        grid-auto-rows: minmax(100px, auto);
        gap: 20px;
        width:auto;
    }

    /* Navigation Menu Styles for Smaller Viewports */
    div#navigation {
        background-color: white;
        padding:0;
        text-align:center;
        display: flex;
        height: auto;
        max-width: 100vw;
        flex-direction: column;
        width: auto;
        margin:0;
        clear:none;
        overflow:auto;
    }

	#navigation ul {
		width:auto;
		margin:0 5px;
		padding:0;
        list-style-type:none;
        display: flex;
        justify-content: center;
	}

    #navigation ul li {
        margin:0;
    }

    .navbar-logo {
        max-width:100%;
        height:auto;
    }

	.navbar-logo img {
		max-width:100%;
		height:auto;
        max-height: 50vw;
	}

    .navbar-toggle {
        display:initial;
        border: none;
        background-color: transparent;
        cursor: pointer;
        padding: 5px;
    }

    .navbar-menu {
        display: flex;
		flex-wrap: wrap;
        list-style: none;
        margin: 0;
        padding: 0;

    }

    ul.navbar-menu li div#about a {
        background-position: center;
    }

    div#marginHeader {
        display:none;
    }

    /* Banner Image Style for Smaller Viewports */
    div#season {
        display:flex;
        height:auto;
    }

    div#season img {
        max-width: 100vw;
        height:auto;
    }

    
    /* Content Styles for Smaller Viewports */
	div#center {
		display: grid;
		grid-template-columns: 1fr;
		grid-auto-rows: minmax(100px, auto);
		gap: 5px;
	}

	div#marginContent {
		display:none;
	}

    /* Footer and Copyright Styles for Smaller Viewports */
	div#footer {
		display:none;
	}

	div#copyright {
		display:flex;
		background-color: #f8f8f8;
		flex-direction: column;
        margin: 0;
        padding:20px;
		text-align: center;
		font:3vw Arial, Helvetica, sans-serif;
	}
}

/* Styles for Larger Viewports */
@media (min-width: 924px) {

    /* Navigation Menu for Larger Viewports */
    .navbar-logo {
        display:none;
    }

    .navbar-toggle {
        display:none;
    }

    /* Footer and Copyright for Larger Viewports */
	div#copyright {
		display:none;
	}
}


/***** Styles for Smaller Screens *****/
@media (max-width: 923px) {

    /***** Home Page Styles for Smaller Screens *****/
	div#text1 {
		color: #674E21;
		background-color: #F4EEE7;
		padding: 20px 0;
		text-align: center;
        height:auto;
		width:auto;
		margin:0;
		font-size:1.5em;
        max-width: 100vw;
	}
	div#img1 {
		background-color: #e0e0e0;
		border-style:none;
		width: auto;
		margin: 0;
        max-width: 100vw;
        height:auto;
	}
	#img1 a img {
		border: 1px #6a4441 solid;
        float:none !important;
        max-width: 100vw;
	}
	.img1Text1 {
		background-color:#f0d7cf;
		color:#6a4441;
		width:auto;
		display:inline-block !important;
		font:1.5em Palatino;
		padding:20px;
        vertical-align:top;
	}
    .districts-container {
        display:flex;
    }
	.img1Text2 {
		background-color:#f0d7cf;
		color:#6a4441;
		width:auto;
		display:inline-block !important;
		font:1.5em Palatino;
		padding:20px;
        vertical-align:top;
        margin: 0 0 0 auto;
        float:none;
        flex: 1;
	}
	.img1Text3 {
		background-color:#f0d7cf;
		color:#6a4441;
		width:auto;
		display:inline-block !important;
		font:1.5em Palatino;
		padding:20px;
        vertical-align:top;       
        margin: 0 auto 0 0;
        float:none;
        flex: 1;
	}
	div#text2 {
		padding: 20px;
		text-align: center;
		width: auto;
		margin:0;
		font-size: 1.5em;
        display: flex;
        flex-direction: column;
	}
	div#img2 {
		margin: 0 20px 10px 0px;
        border:0;
	}
	div#img2 a img {
        border: 1px #674E21 solid;
	}
    div#chap-container {
        float:none !important;
        width:auto !important;
        margin:0 !important;
    }
    #chap-container img {
        margin:0 !important;
    }


    /***** About Us Page Styles for Smaller Screens *****/
    .question {
        font-size:1.25em;
    }
    div#top25Logo {
        float:right;
        margin:0 !important;
    }
    div#chapLogo {
        margin:0 !important;
    }
    div#aboutText1 {
        font-size:2em;
        font-family: Arial, sans-serif;
    }
    div#aboutText2 {
        font-size: 2em;
        font-family: Arial, sans-serif;
    }
    div#aboutText3 {
        font-size:2em;
        font-family: Arial, sans-serif;
        color: #577080;
    }
    div#aboutText4 {
        font-size:2em;
        font-family: Arial, sans-serif;
        color: #577080;
    }
    div#t4Img {
        height:auto;
    }
    div#aboutText5 {
        font-size:1.5em;
        padding:20px;
        margin:0;
    }
    div#contactInfo {
        font-size:1.25em;
    }


    /***** Services Page Styles for Smaller Screens *****/
    #servicesText1 {
		color: #674E21;
		background-color: #F4EEE7;
		padding: 20px 0;
		text-align: center;
        height:auto;
		width:auto;
		margin:0 !important;
		font-size:1.5em;
        max-width: 100vw;
    }
    #servicesText2-Img img {
        max-width: 50vw;
    }
    div#servicesText2 {
		padding: 20px;
		text-align: center;
		width: auto;
		margin:0;
		font-size: 1.5em;
        display: flex;
        flex-direction: column;
    }
    div#servicesText2-2 {
        font-size: .9em;
    }
    div#servicesText2-3 {
        font-size: .9em;
    }
    div#servicesText3 {
        margin:0;
        font-size:1.5em;
    }
    div#servicesText4 {
        margin:0;
        font-size:1.25em;
    }
    #servicesText5 {
        float:none;
        width:100% !important;
        margin:0 !important;
    }
    #servicesText6 {
        margin:0 !important;
        width:100% !important;
        border:0 !important;
        font-size:1.25em;
    }

    #sitemapLink {
        display:inline;
    }


    /***** Mission Page Styles for Smaller Screens *****/
    div#missionText1 {
        margin:0 !important;
        padding: 20px;
    }

    div#missionText2 {
        margin:0 !important;
        padding:20px;
        width:auto !important;
        font-size:1.25em;
        background-color: #e0e0e0;
    }

    div#missionText3 {
        width:auto !important;
        margin:0 0 10px 0 !important;
    }

    div#missionText3-1 {
        margin:10px 0 10px 0 !important;
        left:auto !important;
        width:auto !important;
        font-size:1.25em;
        padding: 20px !important;
    }

    div#missionText3-2 {
        margin:0 !important;
        font-size:1em;
        padding:20px;
        background-color: #e0e0e0;
    }

    #privacyLink {
        display:inline;
    }


    /***** Contact Page Styles for Smaller Screens *****/
    div#contactText1 {
        display:flex;
    }
    
    div#contactText1-1 {
        /*padding:20px !important;*/
        margin:0 !important;
        width:100%;
    }
    
    div#contactText1-Subtitle {
        font-size:1.25em;
    }

    div#form {
        width:auto !important;
        padding:20px !important;
    }
    
    div#info {
        text-align:center;
        max-width:90%;
    }
    
    form input[type="text"],
    form input[type="email"],
    form textarea {
      width: auto;
    }

    div#map {
        width:auto;
        margin:0;
    }




    /***** Testimonials Page Styles for Smaller Screens *****/
    div#leftCol {
        width:auto;
        margin: 0 0 40px 0;
    }
    div#rightCol {
        width:auto;
        margin: 0 0 40px 0;
    }
    div#reviewsText1 {
        height:50%;
        margin:0 !important;
        padding:10px;
    }


    /***** Privacy Policy Page Styles for Smaller Screens *****/
    div#privacyText1 {
        padding:20px;
        margin:0;
    }


    /***** Sitemap Page Styles for Smaller Screens *****/
    div#sitemapText1-1 {
        padding:20px 0;
        margin:0;
    }



}
/* Larger Screens */

@media (min-width: 924px) {
    
}