@font-face {
	font-family: "Manning"; 
	src: url('fonts/manning.ttf'), url('fonts/manning.ttf');
}

@font-face { 
	font-family: "BodyFont"; 
	src: url('fonts/fontmedium.ttf'), url('fonts/fontmedium.ttf');
}

@font-face { 
	font-family: "TitleHeavy"; 
	src: url('fonts/fontheavy.ttf'), url('fonts/fontheavy.ttf');
}

@font-face { 
	font-family: "OldSans"; 
	src: url('fonts/oldsans.ttf'), url('fonts/oldsans.ttf');
}

@font-face { 
	font-family: "OldSansBold"; 
	src: url('fonts/OpenSans-Semibold.ttf'), url('fonts/OpenSans-Semibold.ttf');
}

@font-face { 
	font-family: "PageMainHeadings"; 
	src: url('fonts/abadi.ttf'), url('fonts/abadi.ttf');
}

@font-face { 
	font-family: "BodyBold"; 
	src: url('fonts/fontbold.ttf'), url('fonts/fontbold.ttf');
}

@font-face { 
	font-family: "AccentText"; 
	src: url('fonts/segoeuil.ttf'), url('fonts/segoeuil.ttf');
}

@font-face { 
	font-family: "Stylish"; 
	src: url('fonts/stylish.ttf'), url('fonts/stylish.ttf');
}

@font-face { 
	font-family: "Headliner"; 
	src: url('fonts/futura.ttf'), url('fonts/futura.ttf');
}

@font-face { 
	font-family: "PageSubHeading"; 
	src: url('fonts/digimpact.ttf'), url('fonts/digimpact.ttf');
}

@font-face { 
	font-family: "PageHeadings"; 
	src: url('fonts/digiscript.ttf'), url('fonts/digiscript.ttf');
}

@font-face { 
	font-family: "Hancock"; 
	src: url('fonts/hancock.otf'), url('fonts/hancock.otf');
}

@font-face { 
	font-family: "SansExtraBold"; 
	src: url('fonts/OpenSans-ExtraBold.ttf'), url('fonts/OpenSans-ExtraBold.ttf');
}



a:link, a:active, a:visited {
	color: rgba(101,102,180,1);
	text-decoration: none !important;

}

a:hover {
	text-decoration: underline !important;
}


a:label {
	text-decoration: none;
}

.BodyText {
	font-family: "BodyFont";
	font-size: 16pt;
	line-height: 1em;
	margin-left: 0px;
	margin-right: 0px;
}

.GreyBullet {
height: 1rem !important;
width: auto;
margin-right: 0px;
margin-bottom: -0.1rem;
}

.BlurBackdrop {
position: absolute;
left: 0px;
top: 0px;
width: 100% !important;
height: 100% !important;
margin-top: 48px;
backdrop-filter: blur(12px) !important;
}

.WhiteBodyBackground {
background: white;
padding-bottom: 50px;
box-shadow: 0px 0px 30px 5px rgba(0,0,0,1);

}

.InvolvementButtons {
width: 65%;
height: auto;
}

@media only screen and (max-width: 1100px) {
.InvolvementButtons {
width: 95%;
height: auto;
}
}





.Brands {
width: 55%;
height: auto;
}

.fade {
opacity: 1;
transition: filter .10s ease-in-out;
-moz-transition: filter .10s ease-in-out;
-webkit-transition: filter .10s ease-in-out;
}

.fade:hover {
opacity: 1;
filter: brightness(125%);
}

body {
background: transparent;
overflow: hidden;
}

.BodyContainer {
margin-left: 50px;
margin-right: 50px;
margin-top: 10px;
margin-bottom: 5px;
}

@media only screen and (max-width: 1100px) {
.BodyContainer {
margin-left: 20px;
margin-right: 20px;
margin-top: 60px;
margin-bottom: 5px;
}
}

@media only screen and (max-width: 640px) {
.BodyContainer {
margin-left: 0px;
margin-right: 0px;
margin-top: 60px;
margin-bottom: 5px;
}
}

.TheLogo {
width: 20%;
height: auto;
margin-top: 10px;
filter: brightness(350%) contrast(5%);
}
@media only screen and (max-width: 1100px) {
.TheLogo {
width: 30%;
height: auto;
}
}
@media only screen and (max-width: 640px) {
.TheLogo {
width: 50%;
height: auto;
}
}