@charset "UTF-8";
/* CSS Document */
html {width:100%; height: 100%; background-image: url('../images/gxm2020-bkg.jpg'); background-size: cover; margin:0; padding:0;}
body{font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif"; font-size: 16px; line-height: 21px; margin: 0; padding: 0; color: #272727;}
h1,h2 {color: #237067;}
.homeh1 {Color:#ffffff;font-weight: normal; font-size: 32px; line-height: 36px;}
h2 {font-size: 36px;  text-transform: uppercase;}
h4 {color: #237067; font-size: 18px; font-weight: normal; margin: 5px 0;}
form {max-width: 800px; margin: 0 auto; padding:0;}
input {width:50%; display: inline-flex; margin:10px; padding:5px; height: 40px; font-size: 15px; background: #ececec; border: 1px solid #000000; color: #000000;}
input.submit {width: 100px; height:40px; text-align: center !important; font-size: 18px;}
input[type="submit"].submit::placeholder {
   text-align: center;
}
textarea {width: 100%; min-height: 200px; padding: 10px; margin:10px; font-size: 15px; background: #ececec;  border: 1px solid #000000; color: #000000;}
header {width:100%; margin: 0; padding: 0;}
.header {max-width: 1440px; margin:0 auto; padding: 20px 30px 20px 30px; text-align: center;}
img.logo {padding: 12% 0 20px; margin: 0; max-height: 300px;}
a.navlink {color: #ffffff; text-decoration: none; font-size: 20px; display: inline-block; width: auto; padding: 8px; margin: 0 15px;}
a.navlink:hover {cursor: pointer; border-bottom:1px solid #e9d053; color:#e9d053;}
.parallax {background-image: url("../images/gxm2_diamandbkg_1536x786.jpg"); height: 500px; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; position: relative;}
.parallax2 {background-image: url("../images/blkbkg_square.jpg"); min-height: 280px; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; position: relative;}
.about {position: absolute; left:0; top:50%; z-index: 1; width:100%; text-align: center; vertical-align: middle;}
.about h1{font-size: 1.4rem;line-height: 1.5; max-width: 800px; vertical-align: middle; text-align: center; padding: 15px; margin: 0 auto;}
.card{width:22%; display: inline-flex; margin:0; padding: 0; text-align: center;}
/*.card:hover{box-shadow: 0 8px 16px 0 rgba(100,100,100,0.25);transition: 0.3s;}*/
.cardwrap{padding: 5px 15px; margin:0 20px;}
.fas {font-size: 40px; line-height: 1; color: #999999; text-align: center;}
#container {max-width: 800px; margin: 0 auto; padding: 15px;}
.contact {position: absolute; left:0; top:5%; z-index: 1; width:100%; text-align: center; vertical-align: middle;}
.cta {width: auto; margin: 50px 0; text-align: center;}
.ctabtn {background: #e3c532; border:1px solid #e3c532; border-radius: 10px; padding: 20px 40px; margin: 0 auto; font-size: 1.2em; color:#000000; text-decoration: none; font-weight: 100;}
.ctabtn:hover{background:#1a252f; color: #ffffff;}
footer {position: relative; width: 100%;  bottom:  0;  color: #999999; padding: 40px 0; margin:100px 0 0;}
.footer {position: relative; max-width: 800px; margin:0 auto; font-size: 12px; text-align: center;}
@media only screen and (max-width: 900px) {
	footer {position: relative; margin: 280px 0 0; padding: 10px;}
}
@media only screen and (max-width: 600px) {
	html {width:100%; height: 100%; margin:0; padding: 0; background-image: url('../images/gxm2020-bkg.jpg'); background-size:auto 100%; background-repeat: no-repeat; background-position: top center; background-color:#000000;}
	body{width:100%; margin:0;padding: 0;}
	.homeh1 {font-size: 20px; line-height: 24px;}
	img.logo{width: 75%; margin: 0 auto; padding: 150px 20px 50px;}
	footer {font-size: 10px; margin: 225px 0 0;}
}