hgroup {
    background-color: #2d3436;
    display: block;
    height: fit-content;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: -o-fit-content;
    font-family: Arial;
    font-size: 0.75vw;
    font-weight: 300;
	line-height: 1vw;
    float: left;
    width: 100%;
    padding:12px 5px 15px 5px;display:block;border-top:4px solid #b2bec3;color:#eee;
    box-sizing: unset !important;
}
.hgroup .menufot{border-radius:2px;border:2px solid #b2bec3;background:#729FCF;color:#fff;padding:4px 8px;margin:0 0 9px 0;display:block;position:relative;text-align:justify}
.hgroup .center{display:block;position:relative;border-radius:2px;border:2px solid #b2bec3;text-align:center;background:#729FCF;color:#eee;padding:10px;margin:4px 0 0 0;max-width:100%}
@media screen and (max-width: 1335px) and (-webkit-min-device-pixel-ratio: 2) {
	hgroup {
		font-size: 1vw;
	}
}
@media screen and (max-width: 1085px) and (-webkit-min-device-pixel-ratio: 2) {
	hgroup {
    	font-size: 1vw;
		line-height: 1.15vw;
	}
}
@media screen and (max-width: 870px) and (-webkit-min-device-pixel-ratio: 2) {
	hgroup {
    	font-size: 1.25vw;
		line-height: 1.4vw;
	}
}
@media screen and (max-width: 800px) and (-webkit-min-device-pixel-ratio: 2) {
	hgroup {
    	font-size: 1.25vw;
		line-height: 1.4vw;
	}
}
@media screen and (max-width: 695px) and (-webkit-min-device-pixel-ratio: 2) {
	hgroup {
    	font-size: 1.5vw;
		line-height: 1.65vw;
	}
}
@media screen and (max-width: 600px) and (-webkit-min-device-pixel-ratio: 2) {
	hgroup {
    	font-size: 1.65vw;
		line-height: 1.8vw;
	}
}
@media screen and (max-width: 500px) and (-webkit-min-device-pixel-ratio: 2) {
	hgroup {
    	font-size: 1.85vw;
		line-height: 2.35vw;
	}
}
@media screen and (max-width: 410px) and (-webkit-min-device-pixel-ratio: 2) {
	hgroup {
    	font-size: 2vw;
		line-height: 2.65vw;
	}
}


.hgrouptextleft {
	color: white !important;
	width: 40%;
	float: left;
	padding: 60px 20px 60px 90px;
	text-align: left;
}
.hgrouptextleft:visited {
	color: white !important;
}
@media screen and (max-width: 600px) and (-webkit-min-device-pixel-ratio: 2) {
	.hgrouptextleft {
		padding: 30px 20px 30px 40px !important;
	}
}
@media screen and (max-width: 500px) and (-webkit-min-device-pixel-ratio: 2) {
	.hgrouptextleft {
		padding: 25px 15px 25px 30px !important;
	}
}
@media screen and (max-width: 410px) and (-webkit-min-device-pixel-ratio: 2) {
	.hgrouptextleft {
		padding: 25px 10px 25px 30px !important;
	}
}
@media screen and (max-width: 405px) and (-webkit-min-device-pixel-ratio: 2) {
	.hgrouptextleft {
		padding: 25px 10px 25px 25px !important;
	}
}
@media screen and (max-width: 370px) and (-webkit-min-device-pixel-ratio: 2) {
	.hgrouptextleft {
		padding: 25px 15px 25px 30px !important;
	}
}
@media screen and (max-width: 348px) and (-webkit-min-device-pixel-ratio: 2) {
	.hgrouptextleft {
		padding: 20px 5px 20px 20px !important;
	}
}


.hgrouptextright {
	color: white !important;
	width: 40%;
	float: right;
	padding: 60px 90px 60px 20px;
	text-align: right;
}
.hgrouptextright:visited {
	color: white !important;
}


@media screen and (max-width: 600px) and (-webkit-min-device-pixel-ratio: 2) {
	.hgrouptextright {
		padding: 30px 40px 30px 20px !important;
	}
}
@media screen and (max-width: 500px) and (-webkit-min-device-pixel-ratio: 2) {
	.hgrouptextright {
		padding: 25px 30px 25px 15px !important;
	}
}
@media screen and (max-width: 410px) and (-webkit-min-device-pixel-ratio: 2) {
	.hgrouptextright {
		padding: 25px 30px 10px 10px !important;
	}
}
@media screen and (max-width: 405px) and (-webkit-min-device-pixel-ratio: 2) {
	.hgrouptextright {
		padding: 25px 25px 10px 10px !important;
	}
}
@media screen and (max-width: 370px) and (-webkit-min-device-pixel-ratio: 2) {
	.hgrouptextright {
		padding: 25px 30px 10px 15px !important;
	}
}
@media screen and (max-width: 348px) and (-webkit-min-device-pixel-ratio: 2) {
	.hgrouptextright {
		padding: 20px 20px 10px 5px !important;
	}
}


.hgroupsocialbtns {
	display: -webkit-box !important;
	text-align: center;
	float: left;
    width: fit-content;
	width: -moz-max-content;
	width: -moz-fit-content;
	width: -webkit-fit-content;
	width: -webkit-max-content;
	width: intrinsic; 
    padding: 9.5% 27% 0% 27%;
}
@media screen and (max-width: 1970px) and (-webkit-min-device-pixel-ratio: 2) {
	.hgroupsocialbtns {
		padding: 9.5% 26% 0% 26%;
	}
}
@media screen and (max-width: 1875px) and (-webkit-min-device-pixel-ratio: 2) {
	.hgroupsocialbtns {
		padding: 9.5% 26% 0% 26%;
	}
}
@media screen and (max-width: 1780px) and (-webkit-min-device-pixel-ratio: 2) {
	.hgroupsocialbtns {
		padding: 9.75% 26% 0% 26%;
	}
}
@media screen and (max-width: 1735px) and (-webkit-min-device-pixel-ratio: 2) {
	.hgroupsocialbtns {
		padding: 9.85% 26% 0% 26%;
	}
}
@media screen and (max-width: 1635px) and (-webkit-min-device-pixel-ratio: 2) {
	.hgroupsocialbtns {
		padding: 10.25% 26% 0% 26%;
	}
}
@media screen and (max-width: 1580px) and (-webkit-min-device-pixel-ratio: 2) {
	.hgroupsocialbtns {
		padding: 10.15% 25% 0% 25%;
	}
}
@media screen and (max-width: 1445px) and (-webkit-min-device-pixel-ratio: 2) {
	.hgroupsocialbtns {
		padding: 10.75% 25% 0% 25%;
	}
}
@media screen and (max-width: 1335px) and (-webkit-min-device-pixel-ratio: 2) {
	.hgroupsocialbtns {
		padding: 10.75% 20.75% 0% 20.75%;
	}
}
@media screen and (max-width: 1240px) and (-webkit-min-device-pixel-ratio: 2) {
	.hgroupsocialbtns {
		padding: 11% 20.5% 0% 20.5%;
	}
}
@media screen and (max-width: 1200px) and (-webkit-min-device-pixel-ratio: 2) {
	.hgroupsocialbtns {
		padding: 11.5% 20% 0% 20%;
	}
}
@media screen and (max-width: 1160px) and (-webkit-min-device-pixel-ratio: 2) {
	.hgroupsocialbtns {
		padding: 12% 20% 0% 20%;
	}
}
@media screen and (max-width: 1085px) and (-webkit-min-device-pixel-ratio: 2) {
	.hgroupsocialbtns {
		padding: 13.5% 19.5% 0% 19.5%;
	}
}
@media screen and (max-width: 1025px) and (-webkit-min-device-pixel-ratio: 2) {
	.hgroupsocialbtns {
		padding: 12.25% 18% 0% 18%;
	}
}
@media screen and (max-width: 985px) and (-webkit-min-device-pixel-ratio: 2) {
	.hgroupsocialbtns {
		padding: 14% 18% 0% 18%;
	}
}
@media screen and (max-width: 965px) and (-webkit-min-device-pixel-ratio: 2) {
	.hgroupsocialbtns {
		padding: 14.5% 17% 0% 17%;
	}
}
@media screen and (max-width: 915px) and (-webkit-min-device-pixel-ratio: 2) {
	.hgroupsocialbtns {
		padding: 13% 12% 0% 12%;
	}
}
@media screen and (max-width: 870px) and (-webkit-min-device-pixel-ratio: 2) {
	.hgroupsocialbtns {
		padding: 16% 12% 0% 12%;
	}
}
@media screen and (max-width: 825px) and (-webkit-min-device-pixel-ratio: 2) {
	.hgroupsocialbtns {
		padding: 15.5% 10% 0% 10%;
	}
}
@media screen and (max-width: 790px) and (-webkit-min-device-pixel-ratio: 2) {
	.hgroupsocialbtns {
		padding: 15.5% 8.75% 0% 8.75%;
	}
}
@media screen and (max-width: 755px) and (-webkit-min-device-pixel-ratio: 2) {
	.hgroupsocialbtns {
		padding: 16% 8.25% 0% 8.25%;
	}
}
@media screen and (max-width: 725px) and (-webkit-min-device-pixel-ratio: 2) {
	.hgroupsocialbtns {
		padding: 18% 7.85% 0% 7.85%;
	}
}
@media screen and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 2) {
	.hgroupsocialbtns {
		padding: 16.25% 7.15% 0% 7.15%;
	}
}
@media screen and (max-width: 695px) and (-webkit-min-device-pixel-ratio: 2) {
	.hgroupsocialbtns {
		padding: 20.5% 5% 0% 5%;
	}
}
@media screen and (max-width: 690px) and (-webkit-min-device-pixel-ratio: 2) {
	.hgroupsocialbtns {
		padding: 19.15% 3.85% 0% 3.85%;
	}
}
@media screen and (max-width: 675px) and (-webkit-min-device-pixel-ratio: 2) {
	.hgroupsocialbtns {
		padding: 20.5% 3.2% 0% 3.2%;
	}
}
@media screen and (max-width: 665px) and (-webkit-min-device-pixel-ratio: 2) {
	.hgroupsocialbtns {
		padding: 18.5% 2.5% 0% 3.5%;
	}
}
@media screen and (max-width: 650px) and (-webkit-min-device-pixel-ratio: 2) {
	.hgroupsocialbtns {
		padding: 18.5% 2.5% 0% 2.5%;
	}
}
@media screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 2) {
	.hgroupsocialbtns {
		padding: 19.5% 1% 0% 1%;
	}
}
@media screen and (max-width: 630px) and (-webkit-min-device-pixel-ratio: 2) {
	.hgroupsocialbtns {
		padding: 19.75% 1% 0% 1%;
	}
}
@media screen and (max-width: 625px) and (-webkit-min-device-pixel-ratio: 2) {
	.hgroupsocialbtns {
		padding: 19.5% 0.5% 0% 0.5%;
	}
}
@media screen and (max-width: 615px) and (-webkit-min-device-pixel-ratio: 2) {
	.hgroupsocialbtns {
		padding: 20% 0.5% 0% 0.5%;
	}
}
@media screen and (max-width: 605px) and (-webkit-min-device-pixel-ratio: 2) {
	.hgroupsocialbtns {
		padding: 20% 0.5% 0% 0.5%;
	}
}
@media screen and (max-width: 600px) and (-webkit-min-device-pixel-ratio: 2) {
	.hgroupsocialbtns {
		padding: 16% 0.5% 0% 0.5%;
	}
}
@media screen and (max-width: 545px) and (-webkit-min-device-pixel-ratio: 2) {
	.hgroupsocialbtns {
		padding: 16.25% 0.1% 0% 0.1%;
	}
}
@media screen and (max-width: 520px) and (-webkit-min-device-pixel-ratio: 2) {
	.hgroupsocialbtns {
		padding: 17% 0% 0% 0%;
	}
}
@media screen and (max-width: 500px) and (-webkit-min-device-pixel-ratio: 2) {
	.hgroupsocialbtns {
		padding: 19% 2.5% 0% 2.5%;
	}
}
@media screen and (max-width: 495px) and (-webkit-min-device-pixel-ratio: 2) {
	.hgroupsocialbtns {
		padding: 19% 2.15% 0% 2.15%;
	}
}
@media screen and (max-width: 485px) and (-webkit-min-device-pixel-ratio: 2) {
	.hgroupsocialbtns {
		padding: 19.5% 2% 0% 2%;
	}
}
@media screen and (max-width: 470px) and (-webkit-min-device-pixel-ratio: 2) {
	.hgroupsocialbtns {
		padding: 19% 1.7% 0% 1.7%;
	}
}
@media screen and (max-width: 460px) and (-webkit-min-device-pixel-ratio: 2) {
	.hgroupsocialbtns {
		padding: 19.25% 1.55% 0% 1.55%;
	}
}
@media screen and (max-width: 450px) and (-webkit-min-device-pixel-ratio: 2) {
	.hgroupsocialbtns {
		padding: 19.75% 1.15% 0% 1.15%;
	}
}
@media screen and (max-width: 440px) and (-webkit-min-device-pixel-ratio: 2) {
	.hgroupsocialbtns {
		padding: 19.7% 1% 0% 1%;
	}
}
@media screen and (max-width: 430px) and (-webkit-min-device-pixel-ratio: 2) {
	.hgroupsocialbtns {
		padding: 20% 0.8% 0% 0.8%;
	}
}
@media screen and (max-width: 420px) and (-webkit-min-device-pixel-ratio: 2) {
	.hgroupsocialbtns {
		padding: 18.5% 0.5% 0% 0.5%;
	}
}
@media screen and (max-width: 410px) and (-webkit-min-device-pixel-ratio: 2) {
	.hgroupsocialbtns {
		padding: 21.5% 0.15% 0% 0.15%;
	}
}
@media screen and (max-width: 405px) and (-webkit-min-device-pixel-ratio: 2) {
	.hgroupsocialbtns {
		padding: 22% 0.2% 0% 0.2%;
	}
}
@media screen and (max-width: 395px) and (-webkit-min-device-pixel-ratio: 2) {
	.hgroupsocialbtns {
		padding: 22.5% 1.45% 0% 1.45%;
	}
}
@media screen and (max-width: 388px) and (-webkit-min-device-pixel-ratio: 2) {
	.hgroupsocialbtns {
		padding: 22.75% 1.15% 0% 1.15%;
	}
}
@media screen and (max-width: 378px) and (-webkit-min-device-pixel-ratio: 2) {
	.hgroupsocialbtns {
		padding: 22% 1.35% 0% 1.35%;
	}
}
@media screen and (max-width: 365px) and (-webkit-min-device-pixel-ratio: 2) {
	.hgroupsocialbtns {
		padding: 25.25% 0% 0% 0%;
	}
}
@media screen and (max-width: 356px) and (-webkit-min-device-pixel-ratio: 2) {
	.hgroupsocialbtns {
		padding: 25.5% 0% 0% 0%;
	}
}
@media screen and (max-width: 348px) and (-webkit-min-device-pixel-ratio: 2) {
	.hgroupsocialbtns {
		padding: 22% 2.5% 0% 2.5%;
	}
}
@media screen and (max-width: 342px) and (-webkit-min-device-pixel-ratio: 2) {
	.hgroupsocialbtns {
		padding: 20% 2% 0% 2%;
	}
}
@media screen and (max-width: 333px) and (-webkit-min-device-pixel-ratio: 2) {
	.hgroupsocialbtns {
		padding: 20.5% 1.75% 0% 1.75%;
	}
}
@media screen and (max-width: 326px) and (-webkit-min-device-pixel-ratio: 2) {
	.hgroupsocialbtns {
		padding: 21% 1.5% 0% 1.5%;
	}
}
@media screen and (max-width: 320px) and (-webkit-min-device-pixel-ratio: 2) {
	.hgroupsocialbtns {
		padding: 21.5% 1% 0% 1%;
	}
}


.hgroupsocial {
	text-align: center;
	color: white;
	padding: 10px;
	font-size: 14px !important;
}
@media screen and (max-width: 1780px) and (-webkit-min-device-pixel-ratio: 2) {
	.hgroupsocial {
		font-size: 23px !important;
	}
}
@media screen and (max-width: 695px) and (-webkit-min-device-pixel-ratio: 2) {
	.hgroupsocial {
		font-size: 20px !important;
	}
}
@media screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 2) {
	.hgroupsocial {
		font-size: 18px !important;
	}
}
@media screen and (max-width: 605px) and (-webkit-min-device-pixel-ratio: 2) {
	.hgroupsocial {
		font-size: 15px !important;
	}
}
@media screen and (max-width: 410px) and (-webkit-min-device-pixel-ratio: 2) {
	.hgroupsocial {
		padding: 5px;
	}
}
@media screen and (max-width: 395px) and (-webkit-min-device-pixel-ratio: 2) {
	.hgroupsocial {
		padding: 3px;
	}
}
.hgroupsocial:hover {
	color: black;
}


.hgroupsplit {
	display: block;
	width: 100%;
	height: 150px;
}