:root{
    --white: #f9f9f9;
    --black: #000000;
    --grey: #333333;
    --orange: #FA8128;
}


/*		GLOBAL RESET		*/
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

html, body, header, section, article, figure, aside, blockquote, nav, a, img, h1, h2, h3, p, footer, button {
	margin: 0;
    padding: 0;
    font-size: 100%;
    font-weight: inherit;
    font-style: normal;
    vertical-align: baseline;
    background: transparent;
    border: 0;
    outline: 0;
    text-decoration: none;
}

img {
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
}

article,
aside,
figure,
img,
footer,
header,
nav,
section {
    display: block;
}
body {
	line-height: 1;
}
/*		END global reset	*/

/*		TYPOGRAPHY			*/

h1.identity {
	font-family: adobe-caslon-pro, serif;
	font-weight: 400;
	font-style: normal;
	color: white;
	font-size: 3.0em;
	line-height: 0.8em;
	letter-spacing: 0.5em;
	margin: 0 -0.4em 0 0;
	padding: 0 0 0 0;
	border: none;
}

h2.tagline {
	font-family: adobe-caslon-pro, serif;
	font-weight: 400;
	font-style: italic;
	color: white;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-size: 1.2em;
	letter-spacing: 0.4em;
	border: none;
	
}

/*		CONTAINER ELEMENTS 	*/

main.hero {
	margin: 0;
	display: flex;
	flex-direction: column;
	justify-content: center; /* Centers horizontally */
	align-items: center; /* Centers vertically */
	height: 100vh;
	background-color: black;
	border: none;
	font-size: 1.0em;
}


/***************************************************/
/****************	Media Queries	****************/
/***************************************************/

/* MEDIUM DEVICES (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
	

h1.identity {
	font-size: 5.0em; 
}
h2.tagline {
	font-size: 1.8em;
}
	
}


/* LARGE DEVICES (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
	
h1.identity {
	font-size: 8.0em; 
}
h2.tagline {
	font-size: 2.6em;
}	

}


/* EXTRA LARGE DEVICES (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
	
	
	
	
}