@charset "utf-8";
/* CSS Document */
body{
			padding:0px;
			margin:0px;
			font-size:1.2em;
			font-family:Arial, Helvetica, sans-serif;
		}
#head{
	background-color:rgb(25, 151, 190);
	position: relative;
}
h1.site-name {max-width: 100%;
	color: #FFF;}
h1{
			color: #004494;
			font: 20pt Arial, Helvetica, sans-serif; /*screen=40pt*/
			margin:0px 5px;
		}
h2, h3, h4{
			font-family: Arial, Helvetica, sans-serif;
			color:#004494;
		}
#wrapper{
			width: 100%;
			margin: 0 auto;
		}
#footer{	
			width:100%;
			min-height:50px;
			background-color:#004494;
			border-bottom: 2px solid #fff;
		position:relative;
	}

	#footer-menu{
			min-height: 0px;
			font-size:.9em;
			margin:0 auto;
			text-align:right;
			padding:1px 1%;
		}

	#footer-menu p{
			color:#9cf;
			font-size:1.5em;
		}

	#footer-menu a{
			color:#9cf;
		}
	
	#footer img{
			margin-left:5%;
		margin-top: 10px;
		}

.home-footer-links-wrapper{
	padding:0px 0px 1em 1em;
	color: #FFF;
	font-size:1.5em;
}

.home-footer-links-wrapper a{
	color: #FFF;
	text-decoration: none;
}
.buttontxt-main{
	margin-left: 1em;
		text-align: center;
		;
}
.buttontxt{
		display: none;
}
.buttontxt-main h2{
	color:#9cf;
}
.buttontxt-main h4{
		margin: 2px 10px;
	
		font-size: 2em;
	}
.buttontxt-footer {
    color: #99ccff;
    font-size: 1em;
    width: 98%;
    margin-left: 0%;
    text-align: right;
    clear: right;
}
.footerbtn {
    font-size: 1.2em;
    color: #99ccff;
    display: inline;
    height: 40px;
}
.footerbtn h4 {
    margin-top: 5px;
	color: #1f2454;
    font-family: Arial, Helvetica, sans-serif;
	
}
.footerbtn a {
    text-decoration: none;
    color: #1f2454;
}
.footerbtn h4 a{
	text-decoration: none;
}
#GARsection{
	padding: 5px;
}
#GARimage img{
		width: 100%;
	}
@media only screen and (min-width: 481px) {
	
	#wrapper{
		display:flex;
		margin-top: 15px;
	}
	#GARsection, #GARimage{
		width: 50%;
	}
	#GARsection{
	padding: 10px;
}
	
	
	#footer img{
			margin:1em;
		margin-top: 10px;
		}
	
	#footer-menu{
			min-height: 0px;
			font-size:.9em;
			margin:0 auto;
			text-align:right;
			padding:1px 1%;
			float:right;
		}
	
	.buttontxt h2{
		color:#1f2454;
	}
	.buttontxt-main h2{
		color:#99ccff;
		margin-top: 0px;
	}
	.buttontxt h3{
		margin: 5px 10px;
	}
	.buttontxt-main h4{
		margin: 2px 10px;
		font-size: 1.2em;
	}
	.buttontxt {
		display: block;
		float: right;
		text-align: right;
		position: absolute;
		bottom:  10px;
		right:20px;
	}
	.buttontxt-main{
		float: right;
		text-align: right;
		width: 44%;
		margin-right: 1em;
	}
	#footer .buttontxt{
		right: 70%;
		bottom: 5px;
	}
	.gan-logo{
		width: 8%;
		display: inline;
	}

.home-footer-links-wrapper{
			width: 45%;
	float:left;

	}
.footerbtn{
	display: inline-block;
}
	    .buttontxt-footer {
        width: 49%;
        margin-left: 50%;
    }
    .footerbtn {
        display: inline-block;
        padding-right: 1%;
    }
}



@media only screen and (min-width: 1200px) {
	#h1{
		width: 90%;
		padding-top: 100px;
	}
	h1.site-name {max-width: 100%;
		color: #FFF;
		font:40pt Arial, Helvetica, sans-serif;
	background-color: rgb(25, 151, 190); 
	text-align:right;
		margin: 0px;
		padding:10px;
		padding-right: 5%;
		
	}
	
	#head{
		background-image: url(../../images/GAR2025header.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        height: 300px;
        background-position:top;
        position: relative;
		top: 0px;
		margin-top: 0px;
    }
#wrapper {
			width: 80%;
			margin: 0 auto;
	margin-top:15px;
	
		}
	.home-footer-links-wrapper{
		
		font-size:1em;
	}
	
	.gan-logo{
		width: 33%;
		display: inline-block;
	}
}