@font-face {
    font-family: 'null_freeregular';
	font-style: normal;
    src: url('../fonts/nexa/null_free-webfont.eot');
    src: url('../fonts/nexa/null_free-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/nexa/null_free-webfont.woff2') format('woff2'),
         url('../fonts/nexa/null_free-webfont.woff') format('woff'),
         url('../fonts/nexa/null_free-webfont.ttf') format('truetype'),
         url('../fonts/nexa/null_free-webfont.svg#null_freeregular') format('svg');
    font-weight: normal;
}


.globals {
	color-text: #fff;
    color-bg: #1fb9d3;
    color-link: #0f2e5c;
    color-link-hover: #fff;
    color-title: #fff;
	color-subtitle: #0f2e5c;
	background-repeat: no-repeat;
	background-position: 0 center;
    background-size: contain;
    background-image: url(img/bg.png);
}

.content__title {
	font-size: 7vw;
	font-weight: 700;
	color: var(--color-title);
	text-align: center;
	margin: 0;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 0.15em;
	font-family: 'null_freeregular', sans-serif;
		text-shadow: 0px 0px #233244, 1px 1px #233244, 2px 2px #233244, 3px 3px #233244, 4px 4px #233244, 5px 5px #233244, 6px 6px #233244, 7px 7px #233244, 8px 8px #233244, 9px 9px #233244, 10px 10px #233244, 11px 11px #233244, 12px 12px #233244, 13px 13px #233244, 14px 14px #233244, 15px 15px #233244, 16px 16px #233244, 17px 17px #233244, 18px 18px #233244, 19px 19px #233244, 20px 20px #233244, 21px 21px #233244, 22px 22px #233244, 23px 23px #233244, 24px 24px #233244, 25px 25px #233244, 26px 26px #233244, 27px 27px #233244, 28px 28px #233244, 29px 29px #233244, 30px 30px #233244, 31px 31px #233244, 32px 32px #233244, 33px 33px #233244, 34px 34px #233244, 35px 35px #233244, 36px 36px #233244, 37px 37px #233244, 38px 38px #233244, 39px 39px #233244, 40px 40px #233244, 41px 41px #233244, 42px 42px #233244, 43px 43px #233244, 44px 44px #233244, 45px 45px #233244, 46px 46px #233244, 47px 47px #233244, 48px 48px #233244, 49px 49px #233244, 50px 50px #233244, 51px 51px #233244, 52px 52px #233244, 53px 53px #233244, 54px 54px #233244, 55px 55px #233244, 56px 56px #233244, 57px 57px #233244, 58px 58px #233244, 59px 59px #233244, 60px 60px #233244, 61px 61px #233244, 62px 62px #233244, 63px 63px #233244, 64px 64px #233244, 65px 65px #233244, 66px 66px #233244, 67px 67px #233244, 68px 68px #233244, 69px 69px #233244, 70px 70px #233244, 71px 71px #233244, 72px 72px #233244, 73px 73px #233244, 74px 74px #233244, 75px 75px #233244, 76px 76px #233244, 77px 77px #233244, 78px 78px #233244, 79px 79px #233244, 80px 80px #233244, 81px 81px #233244, 82px 82px #233244, 83px 83px #233244, 84px 84px #233244, 85px 85px #233244, 86px 86px #233244, 87px 87px #233244, 88px 88px #233244, 89px 89px #233244, 90px 90px #233244, 91px 91px #233244, 92px 92px #233244, 93px 93px #233244, 94px 94px #233244, 95px 95px #233244, 96px 96px #233244, 97px 97px #233244, 98px 98px #233244, 99px 99px #233244, 100px 100px #233244, 101px 101px #233244, 102px 102px #233244, 103px 103px #233244, 104px 104px #233244, 105px 105px #233244;

}

.content__subtitle {
	color: var(--color-subtitle);
	padding: 0 0.75em;
	margin: 0;
	letter-spacing: 0.5em;
	text-indent: 0.5em;
	font-weight: 700;
	text-transform: uppercase;
	font-family: 'Work Sans', sans-serif;
}

@media screen and (max-width: 55em) {
	.content--fixed {
		background: #acb2b9;
	}
	.content__title {
		font-size: 2em;
	}
	.content__subtitle {
		font-size: 0.85em;
	}
}