body {
	font-family: 'SegoeUI';	
	margin:0;
	padding:0;
}

#menu-bar-wrap {
	height: 75px;
	position: fixed;
	top:0;left:0;right:0;
	background-color:white;
	z-index:1000;
}


#logo-main-text {
	margin-left:10px;
	height: 50px;
	width: 200px; 
	position:relative;
}

#logo-main-text .lmt-row {
	position:absolute;
	color: #80868b; 
	left:0;right:0;
	 
}

#logo-main-text .lmt-row.font1 {
	top: -5px;
	letter-spacing: 14px;
	font-size: 50px;
}

#logo-main-text .lmt-row.font2 {
    bottom: -16px;
	font-family: 'Helvetica';
	font-size: 14px;
	letter-spacing: .2px;
	text-indent: 2px;
}

#body-wrap {
	position: absolute;
	top:85px;
	left:0;
	right:0;
	bottom:0;
	background-color: black;
}

#back-page {
	position: fixed;
	top:75px;
	left:0;right:0;
	bottom:0;
	background: url(../images/gwv.jpg) no-repeat center top; 
	background-size: cover;
	z-index:0; 
}

#back-page #opacity-wrap {
	position: absolute;
	top:0;right:0;left:0;bottom:0; 
	background-color: black;
	opacity: .25; 
	-webkit-animation: fadeout 10s ease-in alternate forwards;
       -moz-animation: fadeout 10s ease-in alternate forwards;
            animation: fadeout 10s ease-in alternate forwards;
}

#background-wrap {
	position: absolute;
	top:0;
	left:0;right:0;
	bottom:0;
	background: url(../images/gwv.jpg) no-repeat center top; 
	background-size: cover;
	z-index:0;
	-webkit-animation: fadeout 10s ease-in alternate forwards;
       -moz-animation: fadeout 10s ease-in alternate forwards;
            animation: fadeout 10s ease-in alternate forwards;
}

section  {
	display: flex;
	flex-direction: column;
	position: relative;
	overflow: hidden;
}

section > * {
  flex-grow: 1;
}

.container {
	width: calc(100% - 5rem);
	max-width: 90rem;
	margin: 0 auto;
	height: calc(100% + 5rem);
	position: relative;
}

.content-drawer .container {
  display: flex;
  align-items: flex-start;
}

@-webkit-keyframes fadeout {
    0%   { opacity: .25; }
    100% { opacity: .75; }
}

@-moz-keyframes fadeout {
    0%   { opacity: .25; }
    100% { opacity: .75; }
}

@keyframes fadeout {
    0%   { opacity: .25; }
    100% { opacity: .75; }
}

@keyframes fadein {
    0%   { opacity: 0; }
	75%  { opacity: 0; }
    100% { opacity: 1; }
} 

#footer {
	position: fixed;
	text-align: center;
	left:0;right:0;bottom:0;
	height: 50px;
	background-color: white;
	transition: all .5s;
	overflow: hidden;
}

#footer.hidden {
	height: 0;
}

#page-wrap {
	position:absolute;
	top:75px;
	left:0;
	right:0;
	bottom:0;
	overflow: hidden;
	overflow-y: auto;
}

.page {
	//color: white;
	width: 100vw;
	height: 100%;
	margin-top:75px;
	//border-bottom:1px dotted black;
	position:relative;
}

.page #busines-info-wrap {
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width: 75%;
	//height: 250px;
	height: 300px;
	margin: auto;
	font-size: 50px;
	text-align: center;
	color: white;
	overflow: hidden;
	font-family: 'SegoeUI';
	font-weight: bold;
}

.page #about-info-wrap, .page #contact-info-wrap {
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width: 75%;
	//height: 250px;
	height: 100%;
	margin: auto;
	font-size: 50px;
	text-align: center; 
	overflow: hidden;
	font-family: 'SegoeUI';
	font-weight: bold;
	max-width: 800px;
}

.page #contact-info-wrap {
	height: 875px !important;
}

.page #about-info-wrap .title {
	color: #171a1c;
	font-size: 30px;
}

.page .pg-inner-contain {
	font-size: 16px;
	font-family: 'SegoeUI';
	text-align: justify;
	//width: 400px;
	//height: 400px;
	width: 90%;
	padding: 5px;
	color: #171a1c;
	line-height: 25px;
	display: inline-block;
    vertical-align: top;
	margin-left:10px;
	margin-right: 10px;
}

.page .pg-inner-contain.map {
	background-image: url(../images/map.jpg);
	background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
	//margin-top: 30px;
	height: 28vw;
	width: 23.8vw;
	max-width: 575px;
	max-height: 500px;
	 
}

#contact-info-wrap #form-wrap {
	margin: 0 auto;
	margin-top: 50px;
	width: 500px;
	height: 500px;
	background-color: white;
}	

#form-wrap #fw-title {
	font-size: 31px;
	line-height: 50px;
	text-align: left;
	padding: 10px;
	background-color: #80868b;
	font-weight: bold;
	color: white;
}

#form-wrap .row {
   width: 100%;
	font-size: 12px;
	text-align: left;
	margin: 20px;
	color: #80868b;
}

#form-wrap .row input {
	width: 90%;
	height: 30px;
	outline: none;
}

#form-wrap textarea {
	width: 90%;
	height: 125px;
	outline: none;
	resize: none;
}

#form-wrap #submit-button {
	font-size: 15px;
	background-color: gray;
	display: inline-block;
	padding: 15px 15px;
	color: white;
	border-radius: 5px;
	transition: all .5s;
}

#form-wrap #submit-button:hover {
	cursor: pointer;
	background-color:blue;
}



#well-image {
	margin: 0 auto;
	background: url(../images/ed-reuscha-well.jpg) no-repeat center bottom;
	//background: url(../images/00000000344.jpg) no-repeat center bottom;
	width: 800px;
	height: 150px;
	margin-top: 65px;
	background-size: cover;
	position:relative;
}

#well-image #artist {
	position: absolute;
color: white;
font-size: 14px;
font-weight: normal;
bottom: -26px;
right: 0px;
}

#busines-info-wrap #address-line {
	font-weight: normal;
	font-size: 25px;
}

#contact-wrap {
	margin-top: 10px;
	font-size: 20px;
}

#contact-wrap a:link { text-decoration: none; color: white;} 

#contact-wrap .icon {
	height: 20px;
	width: 20px;
	display: inline-block;
	background-size: 100% 100%;
	margin-left: 15px;
	margin-right: 15px;
	vertical-align: middle;
}

#contact-wrap .icon.phone {
	background-image: url(../images/phone-icon.png);
}

#contact-wrap .icon.fax {
	background-image: url(../images/fax-icon.png);
}

.page.bg-black {
	background-color: black;
}

.page.bg-white {
	background-color: white;
}

#biw-lower {
	font-size: 12px;
	font-family:'Helvetica';
}

.map-icon {
	display: inline-block;
	width:30px;
	height:30px;
	background-size: 100% 100%;
	opacity: 0;
	-webkit-animation: fadein 12s ease-in alternate forwards;
       -moz-animation: fadein 12s ease-in alternate forwards;
            animation: fadein 12s ease-in alternate forwards;
}

.map-icon.oil-show {
	background-image: url(../images/oil-show-icon.png);
}

#menu-main-menu {
	display: flex;
	align-items: center;
	justify-content: center;
	list-style: none;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

#menu-main-menu > li {
	position: relative;
	margin: 0 0 0 3.375rem;
	font-weight: bold;
	color: #80868b;
	transition: all .5s;
}
 
#menu-main-menu > li:hover {
	cursor: pointer;
	color: orange;
}



@media (max-width:62.5rem) {
  #menu-main-menu {
	  display: none;
  }
  
  #logo-main-text {
	  top: 0px;
		left: 0;
		right: 0;
		bottom: 0;
		margin: auto;
		color: red;
  }
}


.error {
   //border-color: red;
   box-shadow: 0 0 10px red;
}


@media (max-width:43.75rem) {
  #menu-main-menu {
	  display: none;
  }
  #logo-main-text {
	  top: 0px;
		left: 0;
		right: 0;
		bottom: 0;
		margin: auto;
		 
  }
  
  .page {
	height: unset;
	min-height: 100%;
  }
  
  .page #busines-info-wrap, .page #about-info-wrap{
	height: 90%;  
	font-size: 30px;
  }
  
  .page #busines-info-wrap #address-line {
	 font-size: 15px;
  }
  
  .page .cw-span {
	  width: 100%;
	  display: inline-block;
	  margin-bottom:10px;
  }
  
  .page #about-info-wrap .title {
	  font-size: 20px;
  }
  
  .page .pg-inner-contain {
	  width: 95%;
	  padding:0;
	  font-size: 12px;
	  line-height: 15px;
	  height: auto;
  }
  
  .pg-inner-contain.map {
	  background-size: 100% 100%;
	  //width: 300px;
	  //height: 355px;
	  width: 55vw !important;
	  height: 55vw !important;
  }
  
  #contact-info-wrap {
	  width: 90vw !important;
  }
  
  #contact-info-wrap #form-wrap {
	  width: 100% !important;
	  height: 430px;
	  margin-top: 10px;
  }
  
  #form-wrap .row {
	  margin-top: 10px;
	  margin-bottom: 0px;
  }
  
  #form-wrap #fw-title {
	  text-align: center;
	  font-size: 6vw;
	  padding: 5px;
  }
  
  #form-wrap .row input, #form-wrap .row textarea {
	width: 85% !important;
  }
  
  #well-image {
	  margin-top: 20px;
	  display: none;
  }
  
  .page #contact-info-wrap {
	height: 100% !important;
  }
}

#g3-logon-wrap {
	position: absolute;
	width:500px;
	height:300px;
	//background-color: white;
	top:0;left:0;right:0;bottom:0;
	margin: auto;
}

#glw-title {
 width: 100%;
 height:65pxpx;
 font-family: 'SegoeUI';
 font-weight:bold; 
 color: white;
 font-size:50px;
}

#glw-input-wrap {
 width: 100%;
  height: 40px;
  background-color: white; 
  border-radius: 5px;
}

#glw-input-wrap input {
	background: transparent;
	border: none;
	width: 97%;
    margin: 5px;
    height: 28px;
	outline: none;
	font-family: 'SegoeUI';
	font-weight: bold;
	//color: #e3e3e3;
}

#glw-button-wrap {
	width: 100%;
	height: 40px;
	text-align: right;
	padding:5px;
}

#glw-button-wrap .gbw-button {
	text-align: center;
	padding: 10px 20px;
	background-color:#3250a8;
	border-radius: 5px;
	display: inline-block;
	font-weight:bold;
	color: white;
	transition: all .5s;
}

#glw-button-wrap .gbw-button:hover {
	cursor: pointer;
	color: orange;
}