/* Here beginneth the individual style sheets for 3 different sizes*/





@media only screen and (min-width:769px)
{
	html,
	body {	padding: 0;
					margin: 0;
					font-family: lato; /*tahoma;*/
					font-family: 'Aclonica'; /*tahoma;*/
					/*	font-family: 'Gruppo'; /*tahoma;*/
					font-family: Copperplate / Copperplate Gothic Light, sans-serif;
					font-family: 'Roboto', sans-serif;
					overflow: visible; }
	#playbox1,
	.unplxlayer,
	.mg,
	#forea,
	.gallerytemplate,
	#upcoming,
	#maintextdata,
	.notsmall,
	.small {	display: none; }
	.show {	display: block; } 
	#main {	display: none;
					opacity: 0;
					transition: opacity 2s ease-in-out; }
	.bg {	position: fixed;
				top: 0;
				left: 0;
				margin: 0;
				padding: 0;
				width: 100%;
				height: 100vh; }
	.bg img {	width: 100%;
						height: 100%;
						filter: blur(15px);
						transition: filter 3s ease-in-out; }
	#headline {	position: fixed;
							width: 100%;
							color: white;
							background-color: rgba(10,10,10,0.65);	/*174,90,65*/
							top: 0px;
							left: 0px;
							z-index: 10; }

	#wtf {	display: block; }
	#wtf img { display: inline-block; }
	#bassclef { height: 50px;
							padding: 5px; }
	#GaEnCo {	width: 500px;
						max-width: 70%;
						padding-bottom: 15px; }
	#m2,
	#m3 {	padding: 0px 0px 10px 5px;
				font-size: 18px;
				font-weight: bolder; }
	#m4 {	position: absolute;
				right: 0px;
				padding-right: 5px;
				padding-top: 20px; }
	
	.box {	width: 35px;
					height: 35px;
					border: 1px solid white;
					border-radius: 5px;
					margin-left: 10px;
					margin-bottom: 10px;
					display: inline-block; }
	.box span {	padding-left: 6px;
							color: #e67e22;
							font-size: 25px; }
	.burger {	position: fixed;
						top: 0px;
						right: 0px;
						display: block;
						background-color: rgba(0,0,0,0); /* Black w/ opacity */
						border-radius: 10px;
						padding: 10px;
						padding-top: 20px;
						padding-right: 20px;
						font-size: 16px;
						z-index: 3;
						cursor: pointer; }
	.burger:hover,
	.burger:focus {	color: white; }
	.bar1,
	.bar2,
	.bar3 {	width: 35px;
					height: 5px;
					background-color: white;
					margin: 6px 0;
					transition: 0.4s; }
	.bar1 {	margin-top: 0px; }
	.bar3 {	margin-bottom: 0px; }
	.change .bar1 {	-webkit-transform: rotate(-45deg) translate(-9px, 6px);
									transform: rotate(-45deg) translate(-9px, 6px); }
	.change .bar2 { opacity: 0; }
	.change .bar3 {	-webkit-transform: rotate(45deg) translate(-8px, -8px);
									transform: rotate(45deg) translate(-8px, -8px); }
	.small {	display: none; }
	.notsmall { display: block; }
	.blurb {	position: fixed;
						width: 30%;
						top: 30%;
						left: 0px;
						color: white;
						background-color: rgba(10,10,10,0.65);	/*174,90,65*/
						border-radius: 0px 10px 10px 0px;
						opacity: 0;
						transition: opacity 0.5s ease-in-out;
						max-height: 450px;
						overflow: auto;
						display: none; }
	.blurb span {	font-size: 16px;
								padding: 10px;
								display: block; }
	.blurb span:last-child {	border: none; }
	.blurb .close { font-size: 30px;
									padding-right: 0px; }
	.welcomepoints {	position: fixed;
										width: 30%;
										top: 30%;
										left: 0px;
										background-color: rgba(10,10,10,0.65);	/*174,90,65*/
										border-radius: 0px 10px 10px 0px;
										opacity: 1;
										transition: opacity 0.5s ease-in-out; }
	.welcomepoints span {	color: white;
												border-bottom: 2px solid #e67e22;
												font-size: 18px;
												padding: 10px;
												text-align: center;
												cursor: pointer;
												display: block; }
	.welcomepoints span:last-child {	border: none; }
	.welcomepoints span:hover {	color: #ff9966; }
	#fore {	position: absolute;
					top: 0;
					left: 30%;
					width: 66%;
					margin-left: 2%;
					margin-right: 2%;
					padding: 1500px 0 0 0;	/*reset at startup to just below actual window*/
					filter: none;
					transition: filter 1s ease-in-out; }
	.imgwrap {	position: relative;
							max-width: 675px;
							display: block;
							margin: 0;
							padding-bottom: 30px; }
	.polaroid {	position: relative;
							max-width: 675px;
							background-color: rgba(10,10,10,0.25);
							border-radius: 5px 5px 0px 0px;
							padding: 10px 10px 12px 10px;
							display: block; }
	.max {	max-width: 100%;
					max-height: 450px;
					display: block; }
	.mgname {	text-align: left;
						font-size: 18px;
						line-height: 1;
						color: white;
						text-shadow: 1px 1px 2px black, 0 0 25px #e67e22, 0 0 5px darkblue;
						cursor: pointer; }
	.dropdown {	position: fixed;
							top: 0px;
							right: 0px;
							width: 20%;
							min-width: 55px;
							border-radius: 0px 0px 0px 10px;
							z-index: 2; }
	.dropdown-content {	display: none;
											opacity: 0;
											transition: opacity 0.5s ease-in-out;
											position: absolute;
											right: 0px;
											background-color: rgba(10,10,10,0.65); /* Black w/ opacity */
											border-radius: 0px 0px 0px 10px;
											text-align: center;
											font-size: 18px; }
	.dropdown-content span {	border-bottom: 2px solid #e67e22;
														color: white;
														padding: 10px 14px;
														display: block;
														cursor: pointer; }
	.dropdown-content span:first-child {	margin-top: 70px;
																				border-top: 2px solid #e67e22; }
	.dropdown-content span:last-child {	border: none; }
	.dropdown-content span:hover {	color: #ff9966; }
	.text1 {	position: fixed;
						top: 30%;
						left: 30%;
						width: 66%;
						max-width: 675px;
						margin-left: 2%;
						margin-right: 2%;
						color: white;
						background-color: rgba(10,10,10,0.65);	/*174,90,65*/
						border-radius: 10px;
						opacity: 0;
						transition: opacity 0.5s ease-in-out;
						max-height: 450px;
						overflow: auto;
						z-index: 1;
						display: none; }
	#span2,
	#span4 {	padding: 10px 0 5px 20px;
						font-size: 18px;
						font-weight: bolder;
						text-shadow: 2px 2px black;
						display: block; }
	#p1,
	#p2 {	padding: 0 20px;
				font-size: 16px;
				font-weight: 200;
				letter-spacing: 1px;
				line-height: 150%; }
	.text1 .hdr1 {	font-size: 20px;
									font-weight: bold; }
	.iconcontainer {	position: absolute;
										top: 0;
										right: 0;
										display: block; }
	.arrow {	height: 28px;
						color: #e67e22;
						color: #a75823;
						opacity: 0.8;
						transition: opacity, transform 0.5s ease-in-out;
						cursor: pointer;
						display: inline-block;
						margin-right: 30px; }
	.bigger {	height: 30px;
						width: 30px;
						padding-right: 3px;
						padding-top: 5px;
						opacity: 0.8;
						transition: opacity, transform 0.5s ease-in-out;
						cursor: pointer;
						display: inline-block; }
	.arrow:hover,
	.bigger:hover {	opacity: 1;
									transform: scale(1.5); }
	.close {	font-size: 30px; }
	.upc {	/*	background-Image: url('../../../Documents/GableEndConstruction/images/x675/pexels-photo-57542.jpg');
*/
					background-position: center;
					background-repeat: no-repeat;
					background-size: contain;
					background-color: rgb(10,10,10,0.5);
					max-height: 450px; }
	.upctext {	color: white;
							max-height: 450px;
							overflow: auto; }
	.upctext span {	text-shadow: 2px 2px 4px black;
									padding: 10px 0 10px 30px;
									margin-left: 10px;
									border-bottom: 2px solid #e67e22;
									font-size: 18px;
									line-height: 1.1;
									display: block; }
	.upctext span:last-child {	border: none; }
	.upchd {	padding-left: 10px;
						font-size: 25px;
						font-weight: bolder;
						line-height: 1.5; }
	.close {	position: absolute;
						right: 15px;
						top: 2px;
						color: #ff9966;
						font-size: 20px;
						font-weight: bold;
						opacity: 0.6;
						transition: opacity 0.5s ease-in-out;
						cursor: pointer;
						margin-left: 50px;
						z-index: 11; }
	.close:hover,
	.close:focus {	opacity: 1; }
	#back {	position: fixed;
					top: 10px;
					right: 10px;
					color: #800000;
					background-color: #ffe6c1;
					padding: 5px 10px;
					border: 1px solid #800000;
					border-radius: 10px;
					cursor: pointer;
					z-index: 2; }
	#tbtn {	position: fixed;
					bottom: 10px;
					right: 10px;
					color: #800000;
					background-color: #ffe6c1;
					padding: 10px;
					border: 1px solid #800000;
					border-radius: 10px;
					opacity: 0;
					transition: opacity 1s ease-in-out;
					z-index: 2;
					cursor: pointer;
					display: none; }
	#gallery {	display: none;
							opacity: 0;
							transition: opacity 1s ease-in-out; }
	.fgalbgimg {	background-color: #ff9966;
								background-attachment: fixed;
								background-position: center top;/*original*/
								background-position: center;
								background-repeat: no-repeat;
								background-size: contain;
								height: 90vh; }
	.fcaption {	position: fixed;
							left: 0;
							top: 5%;
							width: 100%;
							text-align: center;
							display: none; }
	.fcaption span {	letter-spacing: 10px;
										background-color:transparent;
										font-size: 25px;
										text-align: center;
										text-align: justify;
										color: #000;
										padding: 18px; }
	.fscrollbanner {	position: relative;
										color: #ddd;
										background-color: #282E34;
										text-align: center;
										padding: 50px 80px;
										text-align: justify; }
	.fscrollbanner span {	font-size: 20px;
												letter-spacing: 10px; }
}

.glogo1	{	width: 30px;
					height: 30px;
					position: absolute;
					top: 10px;
					right: 265px;
					opacity: 0.2; }
.glogo2 {	width: 250px;
					height: 15px;
					position: absolute;
					top: 17px;
					right: 10px;
					opacity: 0.2; }










/*if screen < 768px wide*/
@media only screen and (max-width:768px)
{
	html,
	body {	padding: 0;
					margin: 0;
					font-family: lato; /*tahoma;*/
					font-family: 'Aclonica'; /*tahoma;*/
					/*	font-family: 'Gruppo'; /*tahoma;*/
					font-family: Copperplate / Copperplate Gothic Light, sans-serif;
					font-family: 'Roboto', sans-serif;
					overflow: visible; }
	.unplxlayer,
	.mg,
	#forea,
	.gallerytemplate,
	#upcoming,
	#maintextdata,
	.notsmall,
	.small {	display: none; }
	.show {	display: block; } 
	#main {	display: none;
					opacity: 0;
					transition: opacity 2s ease-in-out; }
	.bg {	position: fixed;
				top: 0;
				left: 0;
				margin: 0;
				padding: 0;
				width: 100%;
				height: 100vh; }
	.bg img {	width: 100%;
						height: 100%;
						filter: blur(15px);
						transition: filter 3s ease-in-out; }
	#headline {	position: fixed;
							width: 100%;
							color: white;
							background-color: rgba(10,10,10,0.65);	/*174,90,65*/
							top: 0px;
							left: 0px;
							z-index: 10; }

	#wtf {	display: block; }
	#wtf img { display: inline-block; }
	#bassclef { height: 50px;
							padding: 5px; }
	#GaEnCo {	width: 500px;
						max-width: 70%;
						padding-bottom: 15px; }
	#m2,
	#m3 {	padding: 0px 0px 10px 5px;
				font-size: 18px;
				font-weight: bolder; }
	#m4 {	position: absolute;
				right: 0px;
				padding-right: 5px;
				padding-top: 20px; }
	
	.box {	width: 35px;
					height: 35px;
					border: 1px solid white;
					border-radius: 5px;
					margin-left: 10px;
					margin-bottom: 10px;
					display: inline-block; }
	.box span {	padding-left: 6px;
							color: #e67e22;
							font-size: 25px; }
	.burger {	position: fixed;
						top: 0px;
						right: 0px;
						display: block;
						background-color: rgba(0,0,0,0); /* Black w/ opacity */
						border-radius: 10px;
						padding: 10px;
						padding-top: 20px;
						padding-right: 20px;
						font-size: 16px;
						z-index: 3;
						cursor: pointer; }
	.burger:hover,
	.burger:focus {	color: white; }
	.bar1,
	.bar2,
	.bar3 {	width: 35px;
					height: 5px;
					background-color: white;
					margin: 6px 0;
					transition: 0.4s; }
	.bar1 {	margin-top: 0px; }
	.bar3 {	margin-bottom: 0px; }
	.change .bar1 {	-webkit-transform: rotate(-45deg) translate(-9px, 6px);
									transform: rotate(-45deg) translate(-9px, 6px); }
	.change .bar2 { opacity: 0; }
	.change .bar3 {	-webkit-transform: rotate(45deg) translate(-8px, -8px);
									transform: rotate(45deg) translate(-8px, -8px); }
	.small {	display: none; }
	.notsmall { display: block; }
	.blurb {	position: fixed;
						width: 30%;
						top: 30%;
						left: 0px;
						color: white;
						background-color: rgba(10,10,10,0.65);	/*174,90,65*/
						border-radius: 0px 7px 7px 0px;
						opacity: 0;
						transition: opacity 0.5s ease-in-out;
						max-height: 450px;
						overflow: auto;
						display: none; }
	.blurb span {	font-size: 16px;
								padding: 10px;
								display: block; }
	.blurb span:last-child {	border: none; }
	.blurb .close { font-size: 30px;
									padding-right: 0px; }
	.welcomepoints {	position: fixed;
										width: 30%;
										top: 30%;
										left: 0px;
										background-color: rgba(10,10,10,0.65);	/*174,90,65*/
										border-radius: 0px 7px 7px 0px;
										opacity: 1;
										transition: opacity 0.5s ease-in-out; }
	.welcomepoints span {	color: white;
												border-bottom: 2px solid #e67e22;
												font-size: 18px;
												padding: 10px;
												text-align: right;
												cursor: pointer;
												display: block; }
	.welcomepoints span:last-child {	border: none; }
	.welcomepoints span:hover {	color: #ff9966; }
	#fore {	position: absolute;
					top: 0;
					left: 30%;
					width: 66%;
					margin-left: 2%;
					margin-right: 2%;
					padding: 1500px 0 0 0;	/*reset at startup to just below actual window*/
					filter: none;
					transition: filter 1s ease-in-out; }
	.imgwrap {	position: relative;
							max-width: 675px;
							display: block;
							margin: 0;
							padding-bottom: 30px; }
	.polaroid {	position: relative;
							max-width: 675px;
							background-color: rgba(10,10,10,0.25);
							border-radius: 5px 5px 0px 0px;
							padding: 10px 10px 12px 10px;
							display: block; }
	.max {	max-width: 100%;
					max-height: 450px;
					display: block; }
	.mgname {	text-align: left;
						font-size: 18px;
						line-height: 1;
						color: white;
						text-shadow: 1px 1px 2px black, 0 0 25px #e67e22, 0 0 5px darkblue;
						cursor: pointer; }
	.dropdown {	position: fixed;
							top: 0px;
							right: 0px;
							width: 20%;
							min-width: 55px;
							border-radius: 0px 0px 0px 7px;
							z-index: 2; }
	.dropdown-content {	display: none;
											opacity: 0;
											transition: opacity 0.5s ease-in-out;
											position: absolute;
											right: 0px;
											background-color: rgba(10,10,10,0.65); /* Black w/ opacity */
											border-radius: 0px 0px 0px 10px;
											text-align: center;
											font-size: 18px; }
	.dropdown-content span {	border-bottom: 2px solid #e67e22;
														color: white;
														font-size: 12px;
														text-align: center;
														padding: 10px 14px;
														display: block;
														cursor: pointer; }
	.dropdown-content span:first-child {	margin-top: 70px;
																				border-top: 2px solid #e67e22; }
	.dropdown-content span:last-child {	border: none; }
	.dropdown-content span:hover {	color: #ff9966; }
	.text1 {	position: fixed;
						top: 30%;
						left: 30%;
						width: 66%;
						max-width: 675px;
						margin-left: 2%;
						margin-right: 2%;
						color: white;
						background-color: rgba(10,10,10,0.65);	/*174,90,65*/
						border-radius: 10px;
						opacity: 0;
						transition: opacity 0.5s ease-in-out;
						max-height: 450px;
						overflow: auto;
						z-index: 1;
						display: none; }
	#span2,
	#span4 {	padding: 10px 0 5px 20px;
						font-size: 18px;
						font-weight: bolder;
						text-shadow: 2px 2px black;
						display: block; }
	#p1,
	#p2 {	padding: 0 20px;
				font-size: 16px;
				font-weight: 200;
				letter-spacing: 1px;
				line-height: 150%; }
	.text1 .hdr1 {	font-size: 20px;
									font-weight: bold; }
	.iconcontainer {	position: absolute;
										top: 0;
										right: 0;
										display: block; }
	.arrow {	height: 28px;
						color: #e67e22;
						color: #a75823;
						opacity: 0.8;
						transition: opacity, transform 0.5s ease-in-out;
						cursor: pointer;
						display: inline-block;
						margin-right: 30px; }
	.bigger {	height: 30px;
						width: 30px;
						padding-right: 3px;
						padding-top: 5px;
						opacity: 0.8;
						transition: opacity, transform 0.5s ease-in-out;
						cursor: pointer;
						display: inline-block; }
	.arrow:hover,
	.bigger:hover {	opacity: 1;
									transform: scale(1.5); }
	.close {	font-size: 30px; }
	.upc {	/*	background-Image: url('../../../Documents/GableEndConstruction/images/x675/pexels-photo-57542.jpg');
*/
					background-position: center;
					background-repeat: no-repeat;
					background-size: contain;
					background-color: rgb(10,10,10,0.5);
					max-height: 450px; }
	.upctext {	color: white;
							max-height: 450px;
							overflow: auto; }
	.upctext span {	text-shadow: 2px 2px 4px black;
									padding: 10px 0 10px 30px;
									margin-left: 10px;
									border-bottom: 2px solid #e67e22;
									font-size: 18px;
									line-height: 1.1;
									display: block; }
	.upctext span:last-child {	border: none; }
	.upchd {	padding-left: 10px;
						font-size: 25px;
						font-weight: bolder;
						line-height: 1.5; }
	.close {	position: absolute;
						right: 15px;
						top: 2px;
						color: #ff9966;
						font-size: 20px;
						font-weight: bold;
						opacity: 0.6;
						transition: opacity 0.5s ease-in-out;
						cursor: pointer;
						margin-left: 50px;
						z-index: 11; }
	.close:hover,
	.close:focus {	opacity: 1; }
	#back {	position: fixed;
					top: 10px;
					right: 10px;
					color: #800000;
					background-color: #ffe6c1;
					padding: 5px 10px;
					border: 1px solid #800000;
					border-radius: 10px;
					cursor: pointer;
					z-index: 2; }
	#tbtn {	position: fixed;
					bottom: 10px;
					right: 10px;
					color: #800000;
					background-color: #ffe6c1;
					padding: 10px;
					border: 1px solid #800000;
					border-radius: 10px;
					opacity: 0;
					transition: opacity 1s ease-in-out;
					z-index: 2;
					cursor: pointer;
					display: none; }
	#gallery {	display: none;
							opacity: 0;
							transition: opacity 1s ease-in-out; }
	.fgalbgimg {	background-color: #ff9966;
								background-attachment: fixed;
								background-position: center top;/*original*/
								background-position: center;
								background-repeat: no-repeat;
								background-size: contain;
								height: 90vh; }
	.fcaption {	position: fixed;
							left: 0;
							top: 5%;
							width: 100%;
							text-align: center;
							display: none; }
	.fcaption span {	letter-spacing: 10px;
										background-color:transparent;
										font-size: 25px;
										text-align: center;
										text-align: justify;
										color: #000;
										padding: 18px; }
	.fscrollbanner {	position: relative;
										color: #ddd;
										background-color: #282E34;
										text-align: center;
										padding: 50px 80px;
										text-align: justify; }
	.fscrollbanner span {	font-size: 20px;
												letter-spacing: 10px; }
}


/*if screen < 480px wide*/
@media only screen and (max-width:480px)
{
	html,
	body {	padding: 0;
					margin: 0;
					font-family: lato; /*tahoma;*/
					font-family: 'Aclonica'; /*tahoma;*/
					/*	font-family: 'Gruppo'; /*tahoma;*/
					font-family: Copperplate / Copperplate Gothic Light, sans-serif;
					font-family: 'Roboto', sans-serif;
					overflow: visible; }
	.unplxlayer,
	.mg,
	#forea,
	.gallerytemplate,
	#upcoming,
	#maintextdata,
	.notsmall,
	.small {	display: none; }
	.show {	display: block; } 
	#main {	display: none;
					opacity: 0;
					transition: opacity 2s ease-in-out; }
	.bg {	position: fixed;
				top: 0;
				left: 0;
				margin: 0;
				padding: 0;
				width: 100%;
				height: 100vh; }
	.bg img {	width: 100%;
						height: 100%;
						filter: blur(15px);
						transition: filter 3s ease-in-out; }
	#headline {	position: fixed;
							width: 100%;
							color: white;
							background-color: rgba(10,10,10,0.65);	/*174,90,65*/
							top: 0px;
							left: 0px;
							z-index: 10; }

	#wtf {	display: block; }
	#wtf img { display: inline-block; }
	#bassclef { height: 25px;
							padding: 5px; }
	#GaEnCo {	width: 220px;
						padding-bottom: 10px; }
	#m2,
	#m3 {	padding: 0px 0px 10px 5px;
				font-size: 12px;
				font-weight: bolder; }
	#m4 {	position: absolute;
				right: 0px;
				padding-right: 5px;
				padding-top: 20px; }
	#m4 {	display: none; }
	.box {	width: 20px;
					height: 20px;
					border: 1px solid white;
					border-radius: 2px;
					margin-left: 10px;
					margin-bottom: 10px;
					display: inline-block; }
	.box span {	padding-left: 6px;
							color: #e67e22;
							font-size: 15px; }
	.burger {	position: fixed;
						top: 0px;
						right: 0px;
						display: block;
						background-color: rgba(0,0,0,0); /* Black w/ opacity */
						border-radius: 10px;
						padding: 10px;
						font-size: 16px;
						z-index: 3;
						cursor: pointer; }
	.burger:hover,
	.burger:focus {	color: white; }
	.bar1,
	.bar2,
	.bar3 {	width: 18px;
					height: 3px;
					background-color: white;
					margin: 3px 0;
					transition: 0.4s; }
	.bar1 {	margin-top: 0px; }
	.bar3 {	margin-bottom: 0px; }
	.change .bar1 {	-webkit-transform: rotate(-45deg) translate(-9px, 0px);
									transform: rotate(-45deg) translate(-9px, 0px); }
	.change .bar2 { opacity: 0; }
	.change .bar3 {	-webkit-transform: rotate(45deg) translate(-8px, 0px);
									transform: rotate(45deg) translate(-8px, 0px); }
	.notsmall {	display: none; }
	.small { display: block; }
	.welcomepoints {	position: fixed;
										left: 0px;
										top: 30%;
										width: 16%;
										min-width: 50px;
										background-color: rgba(10,10,10,0.65);	/*174,90,65*/
										border-radius: 0px 5px 5px 0px;
										opacity: 1;
										transition: opacity 0.5s ease-in-out; }
	.welcomepoints span {	color: white;
												border-bottom: 2px solid #e67e22;
												font-size: 12px;
												padding: 10px;
												padding-left: 5px;
												padding-right: 5px;
												text-align: right;
												cursor: pointer;
												display: block; }
	.welcomepoints span:last-child {	border: none; }
	.welcomepoints span:hover {	color: #ff9966; }
	#fore {	position: absolute;
					top: 0;
					left: 16%;
					width: 80%;
					margin-left: 2%;
					margin-right: 2%;
					padding: 1500px 0 0 0;	/*reset at startup to just below actual window*/
					filter: none;
					transition: filter 1s ease-in-out; }
	.imgwrap {	position: relative;
							max-width: 675px;
							display: block;
							margin: 0;
							padding-bottom: 30px; }
	.polaroid {	position: relative;
							max-width: 675px;
							background-color: rgba(10,10,10,0.25);
							border-radius: 5px 5px 0px 0px;
							padding: 10px 10px 12px 10px;
							display: block; }
	.max {	max-width: 100%;
					max-height: 450px;
					display: block; }
	.mgname {	text-align: left;
						font-size: 14px;
						line-height: 1;
						color: white;
						text-shadow: 1px 1px 2px black, 0 0 25px #e67e22, 0 0 5px darkblue;
						cursor: pointer; }
	.dropdown {	position: fixed;
							top: 0px;
							right: 0px;
							width: 16%;
							min-width: 55px;
							border-radius: 0px 0px 0px 5px;
							z-index: 2; }
	.dropdown-content {	display: none;
											opacity: 0;
											transition: opacity 0.5s ease-in-out;
											position: absolute;
											right: 0px;
											background-color: rgba(10,10,10,0.65); /* Black w/ opacity */
											border-radius: 0px 0px 0px 10px;
											text-align: center;
											font-size: 18px; }
	.dropdown-content span {	border-bottom: 2px solid #e67e22;
														color: white;
														padding: 10px 14px;
														font-size: 10px;
														text-align: left;
														padding-left: 5px;
														display: block;
														cursor: pointer; }
	.dropdown-content span:first-child {	margin-top: 70px;
																				border-top: 2px solid #e67e22; }
	.dropdown-content span:last-child {	border: none; }
	.dropdown-content span:hover {	color: #ff9966; }
	.blurb {	position: fixed;
						top: 30%;
						left: 16%;
						width: 80%;
						margin-left: 2%;
						margin-right: 2%;
						color: white;
						background-color: rgba(10,10,10,0.65);	/*174,90,65*/
						border-radius: 0px 10px 10px 0px;
						opacity: 0;
						transition: opacity 0.5s ease-in-out;
						max-height: 450px;
						overflow: auto;
						display: none; }
	.blurb span {	font-size: 16px;
								padding: 10px;
								display: block; }
	.blurb span:last-child {	border: none; }
	.blurb .close { font-size: 30px;
									padding-right: 0px; }
	.text1 {	position: fixed;
						top: 30%;
						left: 16%;
						width: 80%;
						max-width: 675px;
						margin-left: 2%;
						margin-right: 2%;
						color: white;
						background-color: rgba(10,10,10,0.65);	/*174,90,65*/
						border-radius: 10px;
						opacity: 0;
						transition: opacity 0.5s ease-in-out;
						max-height: 450px;
						overflow: auto;
						z-index: 1;
						display: none; }
	.text1 .hdr1 {	font-size: 14px;
									font-weight: bold; }
	#span2,
	#span4 {	padding: 10px 0 5px 20px;
						font-size: 16px;
						font-weight: bolder;
						text-shadow: 2px 2px black;
						display: block; }
	#p1,
	#p2 {	padding: 0 20px;
				font-size: 12px;
				font-weight: bold;
				letter-spacing: 1px;
				line-height: 1.3; }
	.iconcontainer {	position: absolute;
										top: 10px;
										right: 0;
										display: block; }
	.arrow {	height: 20px;
						color: #e67e22;
						color: #a75823;
						opacity: 0.8;
						transition: opacity, transform 0.5s ease-in-out;
						cursor: pointer;
						display: inline-block;
						margin-right: 30px; }
	.bigger {	height: 20px;
						width: 20px;
						padding-right: 3px;
						padding-top: 5px;
						opacity: 0.8;
						transition: opacity, transform 0.5s ease-in-out;
						cursor: pointer;
						display: inline-block; }
	.arrow:hover,
	.bigger:hover {	opacity: 1;
									transform: scale(1.5); }
	.upc {	/*	background-Image: url('../../../Documents/GableEndConstruction/images/x675/pexels-photo-57542.jpg');
*/
					background-position: center;
					background-repeat: no-repeat;
					background-size: contain;
					background-color: rgb(10,10,10,0.5);
					max-height: 450px; }
	.upctext {	color: white;
							max-height: 450px;
							overflow: auto; }
	.upctext span {	text-shadow: 2px 2px 4px black;
									padding: 10px 0 10px 30px;
									margin-left: 10px;
									border-bottom: 2px solid #e67e22;
									font-size: 12px;
									line-height: 1.1;
									display: block; }
	.upctext span:last-child {	border: none; }
	.upchd {	padding-left: 10px;
						font-size: 14px;
						font-weight: bolder;
						line-height: 1.5; }
	.upcextra { display: none; }
	.close {	position: absolute;
						right: 15px;
						top: 2px;
						color: #ff9966;
						font-size: 20px;
						font-weight: bold;
						opacity: 0.6;
						transition: opacity 0.5s ease-in-out;
						cursor: pointer;
						margin-left: 50px;
						z-index: 11; }
	.close:hover,
	.close:focus {	opacity: 1; }
	#back {	position: fixed;
					top: 10px;
					right: 10px;
					color: #800000;
					background-color: #ffe6c1;
					padding: 5px 10px;
					border: 1px solid #800000;
					border-radius: 10px;
					cursor: pointer;
					z-index: 2; }
	#tbtn {	position: fixed;
					bottom: 10px;
					right: 10px;
					color: #800000;
					background-color: #ffe6c1;
					padding: 10px;
					border: 1px solid #800000;
					border-radius: 10px;
					opacity: 0;
					transition: opacity 1s ease-in-out;
					z-index: 2;
					cursor: pointer;
					display: none; }
	#gallery {	display: none;
							opacity: 0;
							transition: opacity 1s ease-in-out; }
	.fgalbgimg {	background-color: #ff9966;
								background-attachment: fixed;
								background-position: center top;/*original*/
								background-position: center;
								background-repeat: no-repeat;
								background-size: contain;
								height: 90vh; }
	.fcaption {	position: fixed;
							left: 0;
							top: 5%;
							width: 100%;
							text-align: center;
							display: none; }
	.fcaption span {	letter-spacing: 10px;
										background-color: transparent;
										font-size: 25px;
										text-align: center;
										text-align: justify;
										color: #000;
										padding: 18px; }
	.fscrollbanner {	position: relative;
										color: #ddd;
										background-color: #282E34;
										text-align: center;
										padding: 50px 80px;
										text-align: justify; }
	.fscrollbanner span {	font-size: 15px;
												letter-spacing: 10px; }
}