@charset "UTF-8";
/* C O R E  -  BASIC SETUP:
	-VARS, BODY, QUERY BREAKPOINTS */

:root {
	/*main colors*/
	--bg: #eee5e9;
	--fg: #fff;
	--bgred: #a84a2e;
	--bgblue: #405488;
	--white: #fff;
	--black: #000;
	--red: #ff0004;
	/*blues*/
	--blueltlt: #6678a5;
	--bluelt: #405488;
	--blue: #283d71;
	--bluedk: #132658;
	--bluedkdk: #06153b;
	/*rust*/
	--rustltlt: #f5a58d;
	--rustlt: #ca6d52;
	--rust: #a84a2e;
	--rustdk: #822a10;
	--rustdkdk: #571400;
	/*gold*/
	--goldltlt: #f5ef8d;
	--goldlt: #cac452;
	--gold: #a8a12e;
	--golddk: #827c10;
	--golddkdk: #575200;

	--h1size: 3.43rem;
	--h2size: 2rem;
	--h3size: 1.25rem;
	--h4size: 0.9rem;
	--h5size: 0.7rem;
	--h6size: 0.4rem;
}

/* PRIMARY/CORE STYLINGS */

body {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 1rem;
	font-style: normal;
	font-weight: normal;
	color: var(--fg);
	background: var(--bgblue);
	padding: 0;
	margin: 0;
	width: 100vw;
}
a { text-decoration: none; }
a:link { color: var(--gold); }
a:visited { color: var(--goldlt); }
a:hover {
	text-decoration: underline;
	color: var(--white);
}

/* HEADINGS */
h1 {
	font-family: Arial;
	font-size: var(--h1size);
	font-weight: bold;
	font-variant: normal;
	font-style: normal;
	word-spacing: 0.1em;
	text-indent: 0.5em;
}
h2 {
	font-family: Arial;
	font-size: var(--h2size);
	font-variant: normal;
	font-style: normal;
	/*word-spacing: 0em;*/
	/*text-indent: 8.5em;8*/
	margin-top: 25px;
	margin-bottom: -5px;
}
h3 {
	font-family: Arial;
	font-size: var(--h3size);
	font-weight: bold;
	font-style: normal;
	letter-spacing: -0.05em;
	text-indent: 0.75em;
	margin: 0 0 8px 0;
}
h4 {
	font-family: Arial;
	font-size: var(--h4size);
	font-variant: small-caps;
	font-style: normal;
	font-weight: bold;
	/*word-spacing: 0em;*/
	text-indent: 0.75em;
	text-align: left;
	margin: 0 10px 0 130px;
}
h5 {
	text-align: left;
	margin: 5px;
	font-size: var(--h5size);
	text-indent: 30px;
}
h6 {
	text-align: right;
	font-size: var(--h6size);
}

/* SECTIONS */
aside { display: none; }

section p {
	text-indent: 25px;
}
#media {
	background: var(--bgred);
}

/* MOBILE */
@media screen and (min-width: 300px) and (max-width: 499px) {
	body { 
		font-size: .8rem; 
	}
}
/* TABLET */
@media screen and (min-width: 500px) and (max-width: 1000px) {

}
/* DESKTOP */
@media screen and (min-width: 1001px) {

}