gmtxcontact

<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=windows-1252">
    <link rel="alternate stylesheet" type="text/css" href="resource://gre-resources/plaintext.css"

      title="Wrap Long Lines">
  </head>
  <body>
    <pre style="width: 1177px;">&lt;html&gt;
  &lt;head&gt;
    &lt;meta http-equiv="content-type" content="text/html; charset=windows-1252"&gt;
    &lt;link rel="alternate stylesheet" type="text/css" href="resource://gre-resources/plaintext.css"

      title="Wrap Long Lines"&gt;
  &lt;/head&gt;
  &lt;body&gt;
    &lt;pre&gt;* {
	box-sizing: border-box;
}


h0 {
	font-size: 8vw;
	color: #565555;
}
h1 {
	font-size: 5vw;
	padding: 0;
	margin: 0;
}
h2 {
	font-size: 3.3vw;
	color: #3a3a3a;
}
li{
	margin: 15px 0;
}

body {
	font-family: "Spartan", "Arial", sans-serif;

}
.body {
	display: grid;
	background-color: #ffffff;

}

.container {
	display: grid;
	height:100vh;
	grid-template-rows: 0.1fr .1fr .1fr .1fr 0.1fr;
	grid-template-areas:
	"nav"
	"bannerabt"
	"lefttext"
	"abttxt"
	"footer";
}

nav {
	grid-area: nav;
	position: fixed !important;
	width: 96%
}
nav {
	grid-area: nav;
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 1;
	border-bottom: 1px solid lightgrey;
	padding: 16px 15px 16px;
	font-size: 95%;
	text-align: center;
	background-color: #636262;
}
a[href] {    
	color: white;
}
a:link {
	color: white;
}
a:visited {
	color: light gray;
}
a:hover {
	color: black;
}
a:active {
	color: dark gray;
}

img {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
	align: middle
}

.centeredimage {
	position: relative;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.centeredtext {
	position: absolute;
	top: 37%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.lefttext {
	position: absolute;
	top: 50%;
	left: 16%;
	transform: translate(-50%, -50%);
}

footer {
	grid-area: footer;
	position: fixed !important;
	position: sticky;
	bottom:0;
    width:97.5%; 
	border-top: 1px solid lightgrey;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 20px;
	background: #3b3b3b;
	font-size: 70%;
	text-align: right;
	color: #d6d6d6;
}

#bannerabt {
	grid-area: bannerabt;
	vertical-align: center;
	color: white;
	padding-top: 5px;
	background-color: white;
   }
#abttxt {
	grid-area: abttxt;
	vertical-align: top;
	padding: 5px;
	border: 1px solid #f4f4f4;
	background-color: #fffef9;
	align-items: left;
	text-align: left;
   }
#abtimg {
	grid-area: abtimg;
	padding: 16px;
	border: 1px solid #f4f4f4;
	background-color: #fffef9;
	align-items: left;
	text-align: left;
   }
   @media only screen and (max-width: 550px) {
	.container {
		margin-top: 40px;
		grid-template-rows: .1fr .1fr .1fr .1fr 0.1fr;
		grid-template-areas:
		  "nav"
		 "bannerabt"
		 "lefttext"
		  "abttxt"
		  "footer";
	  }
}&lt;/pre&gt;
  &lt;/body&gt;
&lt;/html&gt;
</pre>
  </body>
</html>