/* UNIVERSIAL SETTINGS AND CLASSES */
	* {padding:0; margin: 0; box-sizing:border-box; font-family: Arial,Helvetica,sans-serif;} 
	.clear {clear: both;} .left {float:left;} .right {float:right;} 
	.justify {text-align: justify;} .uppercase {text-transform: uppercase;} .center {text-align: center;}
	
	.subHeaderWrapper, .subCollections, .subFavCollections, .nav2020, .main2020 {-webkit-overflow-scrolling: touch; overflow: scroll; }
	
	html {padding: 0 20px; background-color: #1b1b1b;/*background-image:url(/images/backgrounds/carbonFibre10x10.png);background-repeat:repeat;*/}

/* ############ PRE-NAV MOBILE HEADER + SIDE NAVIGATION Color/Alignment STUFF ############## */
	#preNav{background-color:#000;} #preNavInnerRight {position:relative;} #preNav a {text-decoration: none;}
		.leftMenu{position:relative;background-repeat:no-repeat}
		.favoriteIcon,.phoneIcon{background-repeat:no-repeat;position:relative}
		/*.phoneIcon{background-image:url(/images/phoneIcon-17.0.0.png);}*/
		.phoneIcon{}
		.favoriteIcon{}
		.searchIcon{position:relative;background-repeat:no-repeat}
		.mobileShopBag{background-repeat:no-repeat;position:relative;}
		#preNav .metroLogo {position:relative;}

/* ############ HEADER + SIDE NAVIGATION Color/Alignment STUFF ############## */
	.upperNav, .midNav, .subHeaderWrapper {background: #000; text-transform: uppercase; border-bottom: solid 1px #444444;}
		.upperNav {color: #888;} .personalizedLinks {float:right;} 
		.midNav {color: #fff;} .subHeaderWrapper {color: #fff;}
		.upNav {color: #888; text-decoration: none;} .upNav:hover {border-bottom: dotted 1px #888;} 
			span.personalizedLinks a.upNav {color: #fff;} 
		.phoneNumber {text-align: right; display: block;}
		.subHeaderWrapper {border-top: solid 2px #fff; border-bottom: solid 2px #fff; box-shadow: 0px 0px 6px #000;overflow-x:scroll; white-space:nowrap;}
		.subHeadLeft {list-style: none; text-align: center;} 
			.subHeadLeft li {white-space:nowrap;}
		.subHeadRight {} .phoneNumber {font-weight: bold;}
	.nav2020 {background: #000000; border-right: solid 2px #000; overflow-y: scroll; float:left;}
		.wrapper {color: #fff;} 
		.wrapper strong {font-weight: bold; font-size: 1.25em;} 
		.wrapper a {color: #fff; text-transform: uppercase; text-decoration: none;}
		.wrapper a:hover {color: #aaa; border-bottom: dotted 1px #aaa;}
		.internal {display: block;}
		#natLands {font-style: italic; text-decoration: underline; text-transform: uppercase; text-align: center;display: inline-block;}

/* ############ SEARCH RESULTS BOX Color/Alignment STUFF ############## */
	.suggestionsBox, #suggestions {background-color: #cccccc !important; opacity: 0.98; border: 2px solid #000; overflow-y: scroll;position: absolute; display: block; }
	.suggestionList li {border-bottom: dotted 1px #bbbbbb;cursor: pointer; list-style: none !important;}
	.suggestionList li a {color: #000000 !important;}
	.suggestionList li:hover {background-color: #cccccc;}
	#searchBox {background: #333;border: solid 1px #999; color: #fff; font-weight: bold; text-transform: uppercase; background-image: url(/images/searchIconWhite-17.0.0.png); background-size: 9%; background-repeat: no-repeat; background-position-x: 96%; background-position-y: center;}
	.searchSubmit {display: none;}
	
	.sidr-class-wrapper {background-color: #000;} .sidr label {text-transform: uppercase;}
	a.sidr-class-internal {color: #fff; text-transform: uppercase; text-decoration: none; display: block; border-bottom: dotted 1px #aaa;}
	#sidr-id-natLands {display: inline-block; text-align: center; font-style: italic; text-decoration: underline; text-transform: uppercase;}
	#sidr-id-searchBox {background: #333;border: solid 1px #999; color: #fff; font-weight: bold; text-transform: uppercase; background-image: url(/images/searchIconWhite-17.0.0.png); background-size: 9%; background-repeat: no-repeat; background-position-x: 96%; background-position-y: center;}
	.sidr-class-searchSubmit {display: none;}
	
	
	.sidr-class-suggestionsBox, #sidr-id-suggestions {position: absolute; display: none;}
	.sidr-class-suggestionList {background-color: #ffffffed; overflow-y: scroll;}
	.sidr-class-suggestionList li {list-style: none; border-bottom: solid 1px #000; text-transform: uppercase;}
	.sidr-class-suggestionList li a {color: #000; text-decoration: none;}

/* ############ MAIN Color/Alignment STUFF ############## */
	.main2020 {background: rgba(255, 255, 255, 0); overflow-y: scroll; overflow-x: hidden;float:left;}
	.section2020 {background: #fff;}
	h1, h2 {text-align: center;}
		h1 {text-transform: uppercase;} 
			h1 strong {font-weight: bold;}
		h2 {color: #333; text-transform: uppercase; border-bottom: dotted 1px #888888;}
		#thumbPageCollectionDescription {border-top: solid 1px #333; border-bottom: solid 1px #333; color: #777777; overflow-y: scroll;}
		#thumbPageCollectionDescription strong {color: #333;}
		.subCollections, .subFavCollections {text-transform: uppercase; overflow-x:scroll; white-space:nowrap;}
		.linkWrapper {text-align: left; overflow-x:scroll;}
		.subWraps {white-space: nowrap; display:inline-block; }
		.section2020 a {color: #000; text-decoration: none;}
		#saleBanner {text-align: center;overflow: hidden; }
		.galleryThumbContainer {float:left;}
		.galleryThumbContainer:hover {background: #cccccc;}
			.thumbPrices a {color: #666666;} .thumbSeoTitle a {color: #666666;}
			.thumbCityTitle a:hover, .thumbSeoTitle a:hover, .thumbPrices a:hover {text-decoration: none; border-bottom: dotted 1px #444;}
			.thumbCityTitle, .thumbPrices {font-weight: bold;}

/* ############ FOOTER Color/Alignment STUFF ############## */
	.footer2020 {background: #000;overflow-x:hidden;min-height:max-content; border-top:solid 4px #fff;}
		.footer2020 a{color:#fff; text-transform: uppercase;}
	#footNavLeft,#footNavRight,.connectLinks,.footLinks{display:block}
	.footerLists{color:#ccc;}
		#footerContact{text-align:center;border-top:solid 1px #fff;border-bottom:solid 1px #fff}
		#footNavLeft{float:left;text-align:left}
		#footNavRight{float:right;text-align:right}
		.recentPics, .recentPics a, #socialLinks .recentPics, #socialLinks .recentPics a {text-align: center; display: inline-block;}
		.blankSpace,.newestPics{float:left}
		.thingToDo{color:#ccc;}
		.contactMethod{color:#fff}
		.footerPics{border:1px solid #fff;}
		.footCopyright {color: #fff; font-weight: bold; border-top: solid 1px #fff;}
		.footCopyright .copyRLinks {float: none;} .footCopyright a {text-decoration: none;}
		



		
		
/* ############################################## position & structure only ######################################################### */
html {padding: 0 20px;}

/* ############ PRE-NAV MOBILE HEADER + SIDE NAVIGATION - position & structure only ############## */ 
	.leftMenu{width:39px; height: 39px; top: 7px; left: 4px;}
		.favoriteIcon,.phoneIcon{}
		.phoneIcon{width:29px; height: 29px;left:35px}
		.favoriteIcon{width:31px; height: 31px;left:39px}
		.mobileShopBag{width:35px; height: 35px;left:38px;}
		.searchIcon{width:28px; height: 28px;left:24px;}
		
		#preNav .metroLogo{left:0px;top:10px;width:133px;height:45px;}

/* ############ HEADER + SIDE NAVIGATION - position & structure only ############## */	
	.upperNav, .midNav, .subHeaderWrapper {width: 100%;} .navSepBar {padding: 0 5px;}
		.upperNav {font-size: .75em; padding: 0.7em 1.5em 0.7em 2em} 
		.upNav {} .personalizedLinks {margin: 0;}
		.midNav {height: auto; padding: 0.2em 0 0.8em 1em;}
			#metroLogo {width: 173px; height: 49px; display: block;}
			.metroLogo {width: 173px; height: 49px;}
			.phoneNumber {font-size:2em; width: 100%; margin:0.2em 0 0 -0.6em;}
		.subHeaderWrapper {margin: 10px 0; padding: 10px 30px; line-height: 1.3em; font-size: .75em;}
	.nav2020 {width: 20%; height: 100vw;} 
		.wrapper {width: 100%; padding: 0 10px 40px 25px; font-size: 0.7em;}
		.internal {padding: 8px 0;}
	
/* ############ SEARCH RESULTS BOX - position & structure only ############## */
	.suggestionsBox {left: 5px; margin: 10px 0px 0px 0px; width: 400px; -moz-border-radius: 7px; -webkit-border-radius: 7px; z-index: 9999; padding: 10px 3px; max-height: 30%;}
	.suggestionList {margin: 0px; padding: 0px;}
    .suggestionList li {margin: 0px 0px 3px 0px; padding: 3px;}
    #searchBox {padding: 1em; margin: 1em 0 0 2em; width: 84%;}
    
    a.sidr-class-internal {padding: 1em 0.1em 0.3em 1em; font-size: 0.75em;} .sidr label {font-size: 10px !important;}
    .sidr-class-wrapper strong {font-size: 1.3em;}
    #sidr-id-searchBox {padding: 1em; margin: 0.5em 0 1.2em 0; width: 100%;}
	#sidr-id-natLands {padding: 3em 0 0.25em 0;}
    
    .sidr-class-suggestionsBox {left: 5px; margin: 10px 0px 0px 0px; width: 95%; -moz-border-radius: 7px; -webkit-border-radius: 7px; z-index: 9999; padding: 10px 3px;}
	.sidr-class-suggestionList {margin: 0px; padding: 0px; max-height: 22em;}
    .sidr-class-suggestionList li {margin: 0px 0px 3px 0px; padding: 0.4em 1em; font-size: 0.7em;}
    

/* ############ MAIN - position & structure only ############## */
	.main2020 {width: 80%; height: 100vw;}
	.section2020 {height: auto; width: 100%; padding: 10px 20px;}
		h1 {font-size: 2.25em;}
		h1 strong {font-size: 1.8em;}
		h2 {font-size: 1em; padding: 20px 0 10px 0;}
		#thumbPageCollectionDescription {padding: 9px 15px; font-size: 0.7em; line-height: 1.33em; }
		.subCollections, .subFavCollections {width: 97%; height: 1.25em;} 
			.subCollections a, .subFavCollections a {padding: 0 0px;}
			.subCollections {margin: 10px 0 15px 0; padding: 0 0 0 15px;}
			.linkWrapper {width: 100%; font-size: 0.67em;}
			.subWraps {width: 100%;}
			
		.galleryThumbContainer {width: 33%; height: 16em; padding: 1.25em;} 
			.galleryThumbnail {width: 100%; box-shadow: 0 0 10px 3px #00000099;}
			.thumbCityTitle {font-size: 1.6em; padding: 2px 20px;}
			.thumbSeoTitle {font-size: 1em;padding: 0 20px 5px 20px;} 
			.thumbPrices {font-size: 0.8em; padding: 5px 20px;} 

/* ############ FOOTER - position & structure only ############## */
	.footer2020 {min-height: max-content; width: 100%;  padding:1em 0}
		.footerLists {padding:.6em 0 0;margin-top:0;height:auto;}
		.thingToDo{padding:.7em 0 .3em}
		.footerPics {width:50px;height:50px}



@media only screen and (min-width:320px) {
			html {padding: 0;}
			
			#preNav{display:block;margin:0 0 -1.3em 0;min-height:4em}
			#preNavInnerRight{width:143px;height:2em;left:10.7em;top:-40px;}
			.upperNav, .midNav, .subHeaderWrapper {width: 100%;} .navSepBar {padding: 0 5px;}
				.upperNav {font-size: .75em; padding: 0.7em 1.5em 0.7em 2em; display:none;} .personalizedLinks {float:right;}
				.upNav {} .personalizedLinks {margin: 0;}
				.midNav {display:none;}
					#metroLogo {width: 173px; height: 49px; display: none;}
					
					.phoneNumber {display:none;}
				.subHeaderWrapper {margin: 1em 0 0.25em 0; padding: 0.7em 1em; line-height: 1.3em; font-size: .75em; border-top: solid 1px; border-bottom: solid 1px;}
					.subHeadLeft {text-align: left; width: 100%; padding: 0 3em 0 0;}
					.subHeadLeft li {width: 100%;}
			.nav2020 {display: none;} .nav2020::-webkit-scrollbar {width:0;height:0;}
				.wrapper {width: 100%; padding: 0 10px 40px 25px; font-size: 0.7em; display:none;}
				.wrapper strong {font-weight: bold; font-size: 1.4em;}
				.internal {padding: 8px 0;}
				#natLands {padding: 3em 0 0.25em 0;}
				/*search Results Box*/
				.suggestionsBox {position: absolute; left: 5px; margin: 10px 0px 0px 0px; width: 400px; -moz-border-radius: 7px; -webkit-border-radius: 7px; z-index: 9999; display: block; padding: 10px 3px; max-height: 30%;}
				.suggestionList {margin: 0px; padding: 0px;}
			    .suggestionList li {margin: 0px 0px 3px 0px; padding: 3px;}
			    #searchBox {padding: 1em; margin: 1em 0 0 2em; width: 84%;}
			    .searchSubmit {display: none;}
			.main2020 {width: 100%; height: 110vh;float:none;}
			.section2020 {height: auto; width: 100%; padding: 0.5em 0.5em;}
					h1 {font-size: 1.15em;}
					h1 strong {font-size: 1.4em;}
					h2 {font-size: 0.6em; padding: 1em 0 0.5em 0;}
				#thumbPageCollectionDescription {padding: 0.6em 1em; font-size: 12px; line-height: 1.33em; max-height: 5em; }
				.subCollections, .subFavCollections {width: 100%; height: 1em;} .subCollections::-webkit-scrollbar, .subFavCollections::-webkit-scrollbar {width: 0; height: 0;}
					.subCollections a, .subFavCollections a {padding: 0 0px;}
					.subCollections {margin: 0.6em 0 0.7em 0; padding: 0;}
					.subFavCollections {margin: 0.6em 0 0.7em 0; padding: 0;}
					.linkWrapper {font-size: 0.9em; width: 100%;}
					.subWraps {width: 100%;}
					
					#saleBanner {font-size: 0.6em; padding: 0 0.25em;margin-bottom: 0.4em; display: none;}
					#saleBanner span {width: 100%; display: inline-block;}
				.galleryThumbContainer {width: 50%; height: 16em; padding: 0.4em;} 
					.galleryThumbnail {width: 100%; box-shadow: 0 0 6px 2px #00000099;}
					.thumbCityTitle {font-size: 0.8em; padding: 0.5em 0.2em 0.1em;}
					.thumbSeoTitle {font-size: 0.9em;padding: 0.1em 0.2em 0.3em 0.2em;}
					.thumbPrices {font-size: 0.7em; padding: 0.1em 0.2em;}
						.thumbPrices a#quickShop, .thumbPrices span#sepBarA {display: none;} 
						
						
						
			.footer2020 {width: 100%; padding: 0;}
			#footerNav{height:auto;font-size:.75em;line-height:2em;padding:0 1em;margin:1em 0 2em}
				.recentPics{padding:1em 1em;height:auto; width: 100%;}
				.recentPics a {width: 15.5%;}
				.footerPics{width:100%; height: auto;}
				
				.contactMethod {font-size: 1.8em;}
				#socialLinks .recentPics{width:100%; padding: 0.2em 0.2em; height: auto;}
				#socialLinks .recentPics a {width: 15.5%}
				#socialLinks .footerPics{width:85%;}
				.footCopyright {font-size: 0.75em; padding: 0.4em 2em; margin: 1em 0 0 0;}
				
				
				
			}
			
@media only screen and (min-width: 360px) {
				h1 {font-size: 1.15em;}
					h1 strong {font-size: 1.4em;}
					h2 {font-size: 0.6em; }
				.galleryThumbContainer {width: 50%; height: 18em;}
				#preNavInnerRight {left: 10em;}
			}
@media only screen and (min-width: 375px) {
				h1 {font-size: 1.40em;}
					h1 strong {font-size: 1.4em;}
					h2 {font-size: 0.6em; }
				.galleryThumbContainer {width: 50%; height: 19em;}
				#preNavInnerRight {left: 47vw;}
			}
@media only screen and (min-width: 412px) {
				h1 {font-size: 1.5em;}
					h1 strong {font-size: 1.4em;}
					h2 {font-size: 0.7em; }
				.galleryThumbContainer {width: 50%; height: 20em;}
				#preNavInnerRight {left: 13em;}
			}
@media only screen and (min-width: 568px) {
				h1 {font-size: 1.7em;}
					h1 strong {font-size: 1.4em;}
					h2 {font-size: 0.8em; }
					#thumbPageCollectionDescription {font-size: 0.6em; max-height: 6em;}
				.galleryThumbContainer {width: 33.33333%; height: 19em;}
				.thumbCityTitle {font-size: 1em;}
				#preNavInnerRight {left: 23em;}
			}
@media only screen and (min-width: 667px) {
				h1 {font-size: 1.8em;}
					h1 strong {font-size: 1.4em;}
					h2 {font-size: 0.9em; }
					#thumbPageCollectionDescription {font-size: 0.7em; max-height: 6em;}
				.galleryThumbContainer {width: 33.33333%; height: 20em;}
				#preNavInnerRight {left: 29em;}
			}
@media only screen and (min-width: 736px) {
				h1 {font-size: 2em;}
					h1 strong {font-size: 1.4em;}
					h2 {font-size: 1em; }
					#thumbPageCollectionDescription {font-size: 0.75em; max-height: 6em;}
				.galleryThumbContainer {width: 33.33333%; height: 21.5em;}
				#preNavInnerRight {left: 33em;}
			}
@media only screen and (min-width: 768px) {
				h1 {font-size: 2em;}
					h1 strong {font-size: 1.4em;}
					h2 {font-size: 1em; }
					#thumbPageCollectionDescription {font-size: 0.8em; max-height: 6em;}
					.linkWrapper {font-size: 0.9em;}
				.galleryThumbContainer {width: 33.33333%; height: 23.33em;}
				.thumbCityTitle {font-size: 1.15em;}
				#preNavInnerRight {left: 35em;}
			}
@media only screen and (min-width: 812px) {
				h1 {font-size: 2.1em;}
					h1 strong {font-size: 1.4em;}
					h2 {font-size: 1.1em; }
					#thumbPageCollectionDescription {font-size: 0.7em; max-height: 6em;}
				.galleryThumbContainer {width: 33.33333%; height: 23.33em;}
				#preNavInnerRight {left: 38em;}
			}
@media only screen and (min-width: 1024px) {
				h1 {font-size: 2.25em;}
					h1 strong {font-size: 1.4em;}
					h2 {font-size: 1.2em; }
					#thumbPageCollectionDescription {font-size: 0.85em; max-height: 9em;}
				.galleryThumbContainer {width: 25%; height: 27em;}
				.thumbCityTitle {font-size: 1.25em;}
				#preNavInnerRight {left: 51em;}
			}

@media only screen and (min-width: 1113px){
			html {padding: 0 20px;}
			::-webkit-scrollbar {width: 0px; height:0px; /* Remove scrollbar space */ background: transparent;  /* Optional: just make scrollbar invisible */}
			/* Optional: show position indicator in red */
			::-webkit-scrollbar-thumb {background: #ddd;}
			.nav2020::-webkit-scrollbar {width:0;height:0;display: none;} 
			.subCollections::-webkit-scrollbar, .subFavCollections::-webkit-scrollbar {width: 0; height: 0; display: none;}
			.nav2020, .subCollections, .subFavCollections, .main2020, .subHeaderWrapper {-ms-overflow-style: none; scrollbar-width: none; -moz-appearance: none; overflow: scroll;}
	
			.upperNav, .midNav, .subHeaderWrapper {width: 100%;} .navSepBar {padding: 0 5px;}
				.upperNav {font-size: .75em; padding: 0.7em 1.5em 0.7em 2em; display: block;} .personalizedLinks {float:right;}
				.upNav {} .personalizedLinks {margin: 0;}
				.midNav {height: auto; padding: 0.2em 0 0.8em 1em; display: block;}
					#metroLogo {width: 173px; height: 59px; display: block;}
					.phoneNumber {font-size:2em; display: block; width: 100%; text-align: right; margin:0.2em 0 0 -0.6em;}
				.subHeaderWrapper {margin: 10px 0; padding: 10px 30px; line-height: 1.3em; font-size: .75em;}
					.subHeadLeft {list-style: none; text-align: center; width: 100%;}
					.subHeadLeft li {width: 100%;}
			.nav2020 {width: 20%; height: 100vh; display:block;} .nav2020::-webkit-scrollbar {width:0;height:0;}
				.wrapper {width: 100%; padding: 0 10px 40px 25px; font-size: 0.7em; display: block;}
				.internal {padding: 8px 0; display: block;}
				
				/*search Results Box*/
				.suggestionsBox {position: absolute; left: 5px; margin: 10px 0px 0px 0px; width: 400px; -moz-border-radius: 7px; -webkit-border-radius: 7px; z-index: 9999; display: block; padding: 10px 3px; overflow-y: scroll; max-height: 30%;}
				.suggestionList {margin: 0px; padding: 0px;}
			    .suggestionList li {margin: 0px 0px 3px 0px; padding: 3px; cursor: pointer; list-style: none !important;}
			    #searchBox {padding: 1em; margin: 1em 0 0 2em; width: 84%; font-weight: bold; text-transform: uppercase; background-image: url(/images/searchIconWhite-17.0.0.png); background-size: 9%; background-repeat: no-repeat; background-position-x: 96%; background-position-y: center;}
			    .searchSubmit {display: none;}
			.main2020 {width: 80%; height: 100vh;}
			.section2020 {height: auto; width: 100%; padding: 10px 20px;}
				h1, h2 {text-align: center;}
					h1 {font-size: 2.25em;}
					h1 strong {font-size: 1.8em;}
					h2 {font-size: 1em; padding: 20px 0 10px 0;}
				#thumbPageCollectionDescription {padding: 9px 15px; font-size: 0.7em; line-height: 1.33em; }
				.subCollections, .subFavCollections {width: 97%; height: 1.25em; overflow-x: scroll;} .subCollections::-webkit-scrollbar, .subFavCollections::-webkit-scrollbar {width: 0; height: 0;}
					.subCollections a, .subFavCollections a {padding: 0 0px;}
					.subCollections {margin: 0.6em 0 0 0; padding: 0 0 0 1em;}
					.subFavCollections {margin: 0.6em 0 1em 0; padding: 0 0 0 1em;}
					.linkWrapper {width: max-content; text-align: left; font-size: 0.9em;}
					#saleBanner {text-align: center;}
				.galleryThumbContainer {width: 33%; height: 30em; padding: 1.25em;} 
					.galleryThumbnail {width: 100%; box-shadow: 0 0 10px 3px #00000099;}
					.thumbCityTitle {font-size: 1.4em; padding: 0.45em 0 0.25em 0;}
					.thumbSeoTitle {font-size: 1em;padding: 0 0;} 
					.thumbPrices {font-size: 0.8em; padding: 1em 0 0 0;}
						.thumbPrices a#quickShop, .thumbPrices span#sepBarA {display: inline-block;} 
			.footer2020 {min-height: max-content; width: 100%; padding: 0;}
			#footerNav{height:auto;font-size:.75em;line-height:2em;padding:0 1em;margin:1em 0 2em}
			
				.footer2020{border-top:solid 4px #fff}
				.recentPics{padding:1em 11em;height:auto; width: 100%;}
				.recentPics a {display: inline-block; text-align: center; width: 16%;}
				.footerPics{width:108px; height: auto;}
				.contactMethod {font-size: 3em;}
				
				#socialLinks .recentPics{width:100%; padding: 0.2em 33%; height: auto; text-align: center;}
				#socialLinks .recentPics a {display: inline-block;}
				#socialLinks .footerPics{width:3.3em}
				.footCopyright {color: #fff; font-weight: bold; font-size: 0.75em; border-top: solid 1px #fff; padding: 0.4em 2em; margin: 3em 0 0 0;}
				.footCopyright .copyRLinks {float: right;} .footCopyright a {text-decoration: none;}
			#preNav {display: none;}
			}
@media only screen and (min-width: 1365px){
	.galleryThumbContainer {width: 33%; height: 31em; padding: 1.25em;} 	
}
@media only screen and (min-width: 1600px){
	.upperNav {font-size: 1em;} .subHeaderWrapper {font-size: 1.33em;}
	.wrapper {font-size: 1em;}
	#thumbPageCollectionDescription {font-size: 1em;}
	.galleryThumbContainer {width: 25%; height: 27em; padding: 1.25em;} 	
}
@media only screen and (min-width: 1919px){
	.galleryThumbContainer {width: 25%; height: 31em; padding: 1.25em;} 	
}
@media only screen and (min-width: 2200px){
	.galleryThumbContainer {width: 20%; height: 31em; padding: 1.25em;} 	
}
@media only screen and (min-width: 2775px){
	.galleryThumbContainer {width: 16%; height: 31em; padding: 1.25em;} 	
}
@media only screen and (min-width: 3859px){
	.galleryThumbContainer {width: 16%; height: 38em; padding: 1.25em;} 	
}