@charset "utf-8";
* {
	margin: 0;
	padding: 0;
	border: 0;	
}
html {
	font-size: 15px;
}
body {
	height: 100%;
	width: 100%;
	background-color: #000;
	background-image: url(background2.jpg);
	background-repeat: repeat;
}
#page {
	max-width: 1200px;
	position: relative;
 	margin: 0 auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1rem;
	font-weight: normal;
	font-style: normal;
	font-variant: small-caps;
	color: #d6b289;
}
a {
	text-decoration: none;
}
#banner {
	display: block;
	height: auto;
	width: 100%;
	max-width: 1200px;
	padding-top: 74px;
}
.boxShadow {
	box-shadow: 3px 3px 3px 3px #000;
}
nav {
	display: block;
	width: 100%;
	max-width: 1200px;
	background-color: #000;
	background-image: url(background2.jpg);
	background-repeat: repeat;
	position: fixed;
	top: 0px;
	z-index: 3;
}
nav ul {
	list-style-type: none;
}
button {
	/* line-height: 1.111; */
	margin: 0;
	overflow: visible;
	text-transform: none;
	/* -webkit-appearance: button; */
	border: 0;
	background: none;
}
button:hover {
	cursor: pointer;
}
#menu {
	display: none;
	max-height: 0;
}
.navBar > li {
	padding: 10px 0;
}
.navText {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2rem;
	font-variant: normal;
	font-weight: normal;
	text-transform: uppercase;
	text-align: center;
	padding: 9px 5px;
}
.navBar {
	display: flex;
	height: 59px;
	width: 98%;
	justify-content: space-around;
	margin: 0 auto;
}
#more {
	width: 90px;
}
.navBar li ul {
	display: none;
	position: absolute;
	right: .83%;
	width: 300px;
	margin-top: 2px;
}
.navBar li ul li {
	display: block;
	width: 100%;
	background-image: url(background2.jpg);
	background-repeat: repeat;
	opacity: .8;
}
.navText,
.navText:link,
.navText:visited {
	color: #d6b289;
}
.navText:hover {
	color: #EBDDCB;
}
.navText:active {
	color: #9F7C48;
}
.photoPan,
.photosP2,
.photosL2,
.photosP3 {
	display: flex;
	height: auto;
	margin: 1.66% auto 0;
}
.photoPan {
	width: 75%;
	max-width: 900px;
}
.photosP2 {
	width: 79.5%;
	max-width: 954px;
	column-gap: 3.5639%;
}
.photosL2 {
	width: 86.166%;
	max-width: 1034px;
	column-gap: 3.2882%;
}
.photosP3 {
	width: 88.33%;
	max-width: 1060px;
	column-gap: 1.3207%;
}
.photoPan img,
.photosP2 div img,
.photosL2 div img,
.photosP3 div img {
	height: auto;
	width: 100%;
}
p {
	margin: 1.8% 0;
}
.description {
	display: block;
	height: auto;
	text-align: justify;
	text-justify: inter-word;
	margin: 2.43% auto 0;
	padding: 0px;
}
.dPan {
	width: 70.83%;
	max-width: 850px;
}
.dPort {
	width: 75.33%;
	max-width: 904px;
}
.dLand {
	width: 82%;
	max-width: 984px;
}
strong {
	font-size: 1.07rem;
}
#heading {
	display: block;
	height: auto;
	width: 83.33%;
	max-width: 1000px;
	margin: 4.16% auto;
}
#heading img {
	width: 100%;
}
#beforeAfterSection {
	display: flex;
	column-gap: 7.396%;
	height: auto;
	width: 56.33%;
	max-width: 676px;
	margin: 0 auto;
} 
.sconce {
	display: flex;
	height: auto;
	width: 5.917%;
	max-width: 40px;
}
#beforeAfterThumbs,
#beforeAfterThumbsGD {
	display: flex;
	height: auto;
	width: 73.37%;
	max-width: 496px;
	column-gap: 19.34%;
}
#baText {
	display: flex;
	height: auto;
	width: 41.33%;
	max-width: 496px;
	column-gap: 19.35%;
	padding: .126% 0;
	margin: 1% auto 0;
}
.sconce div img,
#beforeAfterThumbs div img,
#beforeAfterThumbsGD div img,
#baText div img {
	height: auto;
	width: 100%;
}
#projectPages {
	display: block;
	height: auto;
	width: 62.5%;
	max-width: 750px;
	margin: 3.58% auto 0;
}
#thumbnails {
	display: flex;
	gap: .5%;
	height: auto;
	width: 64%;
	max-width: 768px;
	margin: .75% auto 0;
}
#thumbnails a img {
	height: auto;
	width: 100%;
	max-width: 150px;
}
@supports (display: grid){
#thumbnails {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: .5%;
	height: auto;
	width: 64%;
	max-width: 768px;
	margin: .75% auto 0;
}
#thumbnails a img {
	height: auto;
	width: 100%;
}
}
/* End Support Display grid */
#udhomebar {
	display: block;
	height: auto;
	width: 83%;
	max-width: 1000px;
	margin: 2.5% auto 0;
}
#about {
	display: block;
	width: 79%;
	max-width: 950px;
	text-align: center;
	height: auto;
	margin: .83% auto 0;
	padding: 0px;
}
#shareButtons {
	display: block;
	margin: 3% auto;
}
/* Media Queries */
@media screen and (max-width:1200px){
#banner {
	padding-top: 62px;
}
.navBar > li {
	padding: 6px 0;
}
.navBar {
	height: 51px;
}
}
@media screen and (max-width:1100px){
.navText {
	font-size: 1.13rem;
}
#more {
	width: 85px;
}
.navBar li ul {
	width: 285px;
}
}
@media screen and (max-width:970px){
#banner {
	padding-top: 56px;
}
.navBar > li {
	padding: 4px 0;
}
.navText {
	font-size: 1.07rem;
}
.navBar {
	height: 44px;
}
#more {
	width: 80px;
}
.navBar li ul {
	width: 270px;
}
}
@media screen and (max-width:950px){
#page {
	font-size: .93rem;
}
strong {
	font-size: 1rem;
}
}
@media screen and (max-width:900px){
#banner {
	padding-top: 52px;
}
.navBar > li {
	padding: 2px 0;
}
.navText {
	font-size: 1rem;
}
.navBar {
	height: 40px;
}
#more {
	width: 70px;
}
.navBar li ul {
	width: 250px;
}
}
@media screen and (max-width:840px){
#page {
	font-size: .87rem;
}
.boxShadow {
	box-shadow: 2px 2px 2px 2px #000;
}
strong {
	font-size: .93rem;
}
}
@media screen and (max-width:790px){
#banner {
	padding-top: 48px;
}
.navBar > li {
	padding: 2px 0;
}
.navText {
	font-size: 0.93rem;
	padding: 9px 3px;
}
.navBar {
	height: 40px;
}
#more {
	width: 64px;
}
.navBar li ul {
	width: 235px;
}
}
@media screen and (max-width:730px){
#banner {
	padding-top: 42px;
}
.navBar > li {
	padding: 1px 0;
}
.navText {
	font-size: 0.87rem;
}
.navBar {
	height: 36px;
}
#more {
	width: 59px;
}
.navBar li ul {
	width: 215px;
}
}
@media screen and (max-width:680px){
#page {
	font-size: .8rem;
}
.navBar > li {
	padding: 1px 0;
}
.navText {
	font-size: 0.8rem;
	padding: 9px 2px;
}
.navBar {
	height: 36px;
}
#more {
	width: 54px;
}
.navBar li ul {
	width: 195px;
}
strong {
	font-size: .87rem;
}
}
@media screen and (max-width:610px){
#page {
	font-size: .73rem;
}	
.navBar > li {
	padding: 2px 0;
}
.navText {
	font-size: 0.73rem;
}
#more {
	width: 50px;
}
.navBar li ul {
	width: 175px;
}
strong {
	font-size: .8rem;
}
}
@media screen and (max-width:560px){
#menu {
	display: block;
	position: relative;
	max-height: 36px;
	width: 20%;
	font-size: 1.07rem;
	padding: 9px 0;
	margin: 0 auto 0;
	cursor: pointer;
}
.navBar {
	display: none;
	width: 100%;
	margin: 0;
	padding: 0;
}
.navBar li {
	display: block;
	width: 100%;
	padding: 0;
	position: relative;
	background-color: #404040;
	border-color: #FFF;
	border-style: solid none;
	border-width: 1px 0px;
}
.navText {
	font-size: 1rem;
	padding: 18px 0;
}
#more {
	width: 100%;
}
.navBar li:hover,
.navBar li:active {
	background-color: #858585;
}
.navBar .navText:link,
.navBar .navText:visited,
.navBar .navText:hover {
	color: #d6b289;
}
.navBar .navText:active {
	color: #EBDDCB;
}
.navBar li ul {
	position: fixed;
	width: 100%;
	left: 0;
	top: 36px;
	margin-top: 0;
}
.navBar li ul li {
	background-image: none;
	opacity: 1;
}
.dPan, .dPort {
	width: 82%;
}
#heading, #udhomebar {
	width: 100%;
}
#beforeAfterSection {
	width: 67.6%;
}
#baText {
	width: 49.6%;
}
#projectPages {
	width: 75%;
}
#thumbnails {
	width: 76.8%;
}
#about {
	width: 88%;
}
}