/* Mobile font size bump */

@media screen and (max-width: 480px) {
	html {
		font-size: 13pt;
	}
	body {
		color: #1a1a1a;
		font-weight: 400;
	}
}

@media screen and (max-width: 360px) {
	html {
		font-size: 12pt;
	}
}

/* Footer mobile fix */

@media screen and (max-width: 980px) {

	#footer .split .content {
		border-right: none;
		border-bottom: none;
		min-width: 100%;
		width: 100%;
		padding-right: 0;
		padding-bottom: 0;
	}

}

@media screen and (max-width: 736px) {

	ul.contact-icons li,
	ul.contact-icons li:nth-child(2) {
		padding-top: 0.65rem;
	}

	ul.contact-icons li .icon {
		display: flex;
		align-items: flex-start;
	}

	ul.contact-icons li .icon:before {
		height: 2rem;
		line-height: 2rem;
		width: 2rem;
		font-size: 0.85rem;
		flex-shrink: 0;
		margin-right: 0.75rem;
	}

	ul.contact-icons li .icon > .label {
		word-break: break-word;
		padding-top: 0.3rem;
	}

}

/* Content page rotating background */

#main .content-bg {
	height: 100%;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 0;
}

#main .content-bg::after {
	content: '';
	position: absolute;
	inset: 0;
	background: rgba(249, 249, 249, 0.85);
	z-index: 10;
	pointer-events: none;
}

#main .content-bg > div {
	-webkit-transition: opacity 3s ease;
	-ms-transition: opacity 3s ease;
	transition: opacity 3s ease;
	background-size: cover;
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	visibility: hidden;
	width: 150%;
}

#main .content-bg > div.visible {
	-webkit-animation: content-bg-pan 45s linear infinite;
	-ms-animation: content-bg-pan 45s linear infinite;
	animation: content-bg-pan 45s linear infinite;
	opacity: 1;
	visibility: visible;
	z-index: 1;
}

#main .content-bg > div.visible.top {
	z-index: 2;
}

@media screen and (max-width: 1280px) {
	#main .content-bg > div.visible {
		animation-duration: 29.25s;
	}
}

@media screen and (max-width: 736px) {
	#main .content-bg > div.visible {
		animation-duration: 18s;
	}
}

@-webkit-keyframes content-bg-pan {
	0%   { -webkit-transform: translateX(0); transform: translateX(0); }
	100% { -webkit-transform: translateX(-25%); transform: translateX(-25%); }
}

@keyframes content-bg-pan {
	0%   { transform: translateX(0); }
	100% { transform: translateX(-25%); }
}

/* Ensure content floats above the background */
#main > .inner {
	position: relative;
	z-index: 1;
}