:root {
	  --near-black: #323232;
	  --black: #000;
	  --white: #FFF;
	  --blue: #00d9ff;
	  --grey: #F2F2F2;
	}

/* resets */
body, h1, h2, h3, p, a, img, section { margin:0; padding:0; text-decoration:none; }
section { position: relative; }

 @font-face {
        font-family: "BrownPro-Light";
        src: url("font/BrownPro-Light.otf?$staticlink$") format("opentype");
    }

  /*Font colours - Start*/
		.c-norm {color: var(--near-black) !important;}
		.c-white {color: var(--white) !important;}
		.c-black {color: var(--black) !important;}
		.c-near-black {color: var(--near-black) !important;}
	/*Font colours - End*/

/* 	Background colours - Start*/
		.bkg-black {background-color: var(--black) !important;}
		.bkg-white {background-color: var(--white) !important;}
		.bkg-grey {background-color: var(--grey) !important;}
		.bkg-blue {background-color: var(--blue) !important;}
		.bkg-near-black {background-color: var(--near-black) !important;}
/* Background colours - End*/


/*Casing - Start */
	.uppercase { text-transform: uppercase; }
	.lowercase { text-transform: lowercase; }
	.capitalize { text-transform: capitalize; }
	.italics { font-style: italic; }
/*Casing - End */

/* genral re-uses */
.btn { border-radius: 17px; padding: 9px 21px; font-size: 15px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 2; letter-spacing: normal; text-align: center; }
	@media (min-width: 1366px) {
		.btn { border-radius: 26px; padding: 13px 28px; font-size: 20px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.5; }
		}

.full { width:100%; }
.bold { font-weight: bold; }


/* header stuff */
nav { padding: 24px; }
nav .logo { width: 242px; }

@media (min-width: 1366px) {
	nav { padding: 32px 44px; }
	nav .logo { width: 363px; }
}


/*footer stuff*/
footer .content { width: 260px; margin: 0 auto; padding: 24px 0; }
@media (min-width: 1024px) {
	footer .content { width: calc(100% - (65px* 2)); }
}
@media (min-width: 1366px) {
	footer .content { width: 1080px; padding: 61px 0; }
}



/* job page stuff */
.apply { font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.89; letter-spacing: 0.72px; padding: 0 0 1em; }
.apply input { width: 80%; height:2em }

@media (min-width: 1366px) {
	.apply { font-size: 25px; line-height: 1.6; letter-spacing: 1px; padding-bottom: 2em; }
}