html {
	min-height: 100%;
	height: 100%;
	background: no-repeat fixed center center;
	background-size: cover;
	overflow-y: scroll;
	overflow-x: hidden;
}
body {
	min-height: 100%;
}
#main {
	opacity: 0;
	-webkit-transition: opacity 300ms;
	transition: opacity 300ms;
}
#main.loaded {
	opacity: 1;
}
.pb-spinner {
	position: fixed;
	left: 50%;
	top: 50%;
	width: 64px;
	height: 64px;
	margin-left: -32px;
	margin-top: -32px;
	-webkit-animation: pb-spinner 1s infinite linear;
	animation: pb-spinner 1s infinite linear;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAMxSURBVHja7JvPSxtBFMc/kRCClPwBJQcPEoqkh4LknJOI9FCC9ez/4qFIDqWUIPkbhNpDaSk0RE8ejJRSJNJivfUiOVjrIUSbHnyLabqbzEwmk91sHjyYnd3Zee+7M+/X7ia63S5xpjliTjMA4g5AYoJzJ4E1ab8HblxMGhablwIOga7wofQ5AaCXdSgPvAKawJVwU/rymnKUepT3uBRWAFJABbj1EdrjW7kmNW0ApIGDAYr384GMUbnvcc+4Y8VxzgGoaijvcVVRljTwVDjtyvjoAJAHOgYAdIAlx0Y1J2wVgB0D5T3ecaT4gs9WWrAFQHMEAJqOADjymfvIFgDtEQBoO1r2QfPnVAGIcij8x/CcMsViCwxaAfsjCLbvCIDnQKPnuCF9VmgpQm5wUdh6IFQxAKASZsOhC0AKqGkoX3eV1U0iGeoMWfaVsCtvIx1+CZwAl8In0pcnItQPQIKYUf9Tj31NMDng3APgobR/Ar/jAkoR+NiXC7SlrzgNWyDICCYVCyDVISsnsgDoVH9eTxsARYOIL8zbIQvscl+93pW+QADqBgDUQ6p8Dmj5yNsCcn4AzI+Q9MyHEIC9ATLv+QGQHyHvD2MEeD1A3stpqghZqQbNAT8wezF5I2PDRp9MztUMln8tgkZwMcgLrBgAsBIBN+hlrUPdYOwDoVko3JcMfYhLMpSIWzrc/9RnFaG4V4RmJTGDMcvAI2mf8u+rqammdeDMxy2eybmpcYN+tKUQH2xNKOIrS22iLu2sbQA2NCLEDYfKrwWkvtfAqi0A5oBzDQDOHRnWrJS6guS4CloJugAUDJKkggMAygpylFUAGPa0TN7zu/g2oGDpmoklNRngGfBYjr8Cb4FfYfMa49gCG8CFz7gLDSO6rSDHdhiN4LolT+LMCKoK7fH6kGXfUrhHS64dRqsu3KDNQGhTA8hNDXf4grv6ZE3a1gMhj0rA94BQWOVb/7IGAGVXobCOF3gjvMz9p6jfNJIhnbmceSeTiRqGGeCXMV0bGcoEuD8/d5hxtQUmkVKP4kkiD4AHQlAgNPa6Qlg+k8tw96/QEzn+DLxzEQr/VxWe/T0ec/o7ALSNa8c2uhMBAAAAAElFTkSuQmCC);
	opacity: 0.3;
}
@-webkit-keyframes pb-spinner {
	0% { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(359deg); }
}
@keyframes pb-spinner {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(359deg); }
}
.logo {
	padding: 2em;
	opacity: 0.7;
	text-align: right;
	z-index: -1;
	position: relative;
}
.logo img { width: 80%; max-width: 300px; }
@media (min-width: 768px) {
	.logo {
		position: fixed;
		bottom: 0;
		right: 0;
	}
}
span.text-capitalize {
	display: inline-block;
}
.twitter-logo { color: #28a9e0; }
.linkedin-logo { color: #007bb6; }
.facebook-logo { color: #ffffff; }
.email-logo { color: #ffffff; }
.instagram-logo { color: #ffffff; }
.google-logo { color: #ffffff; }