.gheader{text-align:center}
.gheader img.mainlogo{width:100px; height:auto; float:left;}
a.navtoggle{float:right;}
a.navtoggle{width:57px; height:57px; background-image:url(img/mnav.png?vad); background-position:top; text-indent:-12000}
a.navtoggle:hover{ background-position:bottom;}
a.navtoggle2{margin-top:18px !important}

/* MOBIEL NAV */
.mainnav{display:none}
.mobilenav{
	display: none;
  align-items: center; /* Vertically centers the content */
  justify-items: center; /* Horizontally centers the content (optional) */
   background-color: rgba(255, 255, 255, 0.95); /* Sets a blue background with 50% opacity */
	width: 100%;
    height: 100vh;
    text-align: center;
    position: absolute;
	z-index:99999;
	font-size:22px; font-weight:bold; 

}
.active{
	display: grid;
	
}

.mobilenav div{
	padding:5px 15px 105px 15px;
}
.mobilenav div a{
	display:block;
	padding:10px;
	text-decoration:none;
	font-size:22px; font-weight:bold; 
	text-transform:uppercase; color:#000; 
}
.mobilenav div a:hover{
color:#f80000;
}
.mobilenav div a img.mainlogom{
	margin-bottom:15px;	
	width:120px; height:auto
}
a.fpapp{    color: #FFFFFF !important;
    border-radius: 25px !important;
    background-color: #000;
	    padding-top: 8px !important;
    padding-right: 25px !important;
    padding-bottom: 8px !important;
    padding-left: 25px !important;}

a.fpapp:hover{
		color:#000;
		background-color:#E02B20;}


@media screen and (min-width: 796px) {

.trig{display:none;}
.mobilenav{display:none;}
.mainnav{display:block}

.gheader img.mainlogo{float:left;  vertical-align: middle; width:90px; height:auto}

/* NAVIGATION */
.mainnav{text-align:right; float:right}
.mainnav ul{padding:20px 0 0 0}
.mainnav ul li{display:inline-block}
.mainnav ul li a{font-size:18px; font-weight:bold; margin-left:20px; text-transform:uppercase; color:#000; text-decoration:none}
.mainnav ul li a:hover{color:#f80000}


		
.mainnav ul li .dropdown{
	position: relative;
}
.mainnav ul li ul.dropdown-content{
display: none;
  position: absolute;

  padding:10px 0 0 0;
  width: 240px;
  z-index: 999;
  margin-left:0px !important;
}
.mainnav ul li ul.dropdown-content li{
	display:block;
	margin:0 0 0 20px;
	padding:0;
	  background-color: #fff;
	
}
.mainnav ul li ul.dropdown-content li a{
	display:block;
	margin:0 !important;
	padding:10px;
	    text-align: left;
		font-size:16px;
		border-bottom:solid 1px #ccc;
	
}
.mainnav ul li ul.dropdown-content li a:hover{
background-color:#EFEFEF;	
}

.mainnav ul li.dropdown:hover .dropdown-content {
  display: block !important;
}
}


@media screen and (min-width: 960px) {
	.gheader img.mainlogo{width:120px;}
	.mainnav ul{padding:35px 0 0 0}
.mainnav ul li a{font-size:20px; }
.mainnav ul li ul.dropdown-content li a{
		font-size:18px;
}
}
@media screen and (min-width: 1024px) {
	.mainnav ul li a{font-size:22px; }
	.gheader img.mainlogo{width:150px;}
	.mainnav ul li a{margin-left:30px;}
	.mainnav ul li ul.dropdown-content li{	margin:0 0 0 30px;	}
	
}