@charset "UTF-8";
/* CSS Document */


html, 
html * {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	font-family: Gotham, Helvetica Neue, Helvetica, Arial," sans-serif";
}


#Banner{
	

  box-sizing: border-box;
  font-variant-alternates: normal;
  background-color:rgba(0,41,89,0.9);
  padding-top: 2px;
  padding-bottom:  2px;
  opacity: .9;
  mix-blend-mode: darken;

}

.Style-Copylogo{
	
	
	mix-blend-mode: color-burn;
	margin: auto;
	display: grid;
	margin-top: 2em;
	width:80%;
	opacity: .9;
	border: inset;
}
.style-logo{
	
	
  position: relative;
  box-sizing: border-box;
  font-variant-alternates: normal;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: center;
  border:  groove;
  border-color:chocolate;
  border-top:   groove cadetblue ;
  border-left: groove darkgoldenrod;
  border-right: ridge darkblue;
  padding-top: .5em;
  padding-bottom: .5em;
  padding-left: .5em;
  padding-right: .5em;
  margin-bottom: 2em;
  margin-top: 2em;
  mix-blend-mode: hard-light;
	   width:235px;
	height:235;
	opacity: .7;
	object-fit: cover;
	
}

.Header h3{
	

    
	opacity: .4;

	
	
}


.GGCCopy{
	position:relative;
	color:lightblue;
    left:20px;
	bottom:250px;
	letter-spacing: .75em;
	text-transform: uppercase;
	text-align: center;
	line-height: 2.5em;
	mix-blend-mode: difference ;
	opacity: .9;
}
#GGCOnly{
	letter-spacing: 1.5em;
	font-size: 2em;
	margin-top: .75em;
}
#CopyOnly{
	opacity: .6;
	letter-spacing: .8em;
	margin-right: 1em;
	
}

.Background-color{
    background-color:rgba(182,149,11,0.2);
	padding-bottom: 4em;
	padding-top: 2em;
	border-top: .5em ridge rgba(17,61,100,0.85);
	border-bottom: 1em outset;
}
		 
#Text{
	float:left;
	color:rgba(20,19,20,1.00)
    text-shadow:  2px 2px 2px #000000;
	margin-bottom: 2em;
	font-display: block;
	text-align: left;
	margin-left:5em;
	padding-top: 3px;
}
#Copyright{
	color:rgba(20,19,20,1.00);
	margin-top:3em;
	margin-left: 5em;
	margin-right: 5em;
	margin-bottom: 4em;
	
}

#Copyright-registration{
	
	
	padding-left: 1em;
	margin-right: 5em;
	margin-bottom:  .5em;
	font-size: 2em;
	jfloat:left;
	display: flex;

	
}

.Solution{
	padding-top: 2em;
	padding-left: 4em;
	padding-right: 2em;
	font-size: 1em;	
}
.Services{
	padding-left: 3em;
	color:rgba(30,29,26,0.94);
	font-size: 2em;
	letter-spacing: .3em;
	padding-bottom: 1em;
	padding-top:2em;
}
	
#information{
	padding-top: 2em;
	padding-left: 4em;
	padding-right: 2em;
	font-size: 1em;
} 
.Footer{
	padding-top: 2em;
    background-color:rgba(19,19,29,0.95);
	color: rgba(15,15,17,0.89);
	font-size: 1em;	
	padding-left:2em;
	padding-bottom: 5em;
	text-decoration: :none;
}

.style-logo{
	  mix-blend-mode:hard-light;
	   width:60%;
	opacity: .7;
}

a:link {
	
	align-content: center;
	 color:lightblue;
}
/* visited link */
a:visited {
  color: coral;
}

/* mouse over link */
a:hover {
  color: hotpink;
}

/* selected link */
a:active {
  color: blue;
}

#SW{
	
	line-height: 2em;
	text-decoration: none;
	margin-left: 2em;
}
#CR{
	margin-bottom: 2em;
	margin-left: 2em;
		line-height: 2em;
	text-decoration: none;
}

#GG {
	
	text-decoration: none;
	margin-left: 2em;
	line-height: 2em;
}

#CCW {
text-decoration: none;
	margin-left: 2em;
	line-height: 2em;
	
}

#Contact{
	
	text-decoration: none;
	margin-left: 2em;
	line-height: 2em;
}
	
@media (min-width: 768px){
	
	body {
		max-width: 778px;
		margin:auto;
	}

	.style-logo{
		background-color: rgba(80,177,187,0.75);
		width:40%;
		objec:fill;
		}
	
}
	.Solution{
		padding-right:7em;
	}