@charset "UTF-8";
/* CSS Document */

body{
	max-width: 1050px;
	font-family: Arial, Trebuchet, "sans-serif";
	color: black;
	background-color: rgba(80,57,52,0.76);
	margin: 0px 20px 50px 20px;
	line-height: 1.1em;
}

.diamondPlate{
	z-index: 1;
	margin-left: -20px;
	margin-bottom: -20px;
	
}

#rockin{
	margin-top: -60px;
	position: absolute;
	z-index: 80;
	font-family: 'Apocalypse Grunge';
	font-weight: normal;
	font-style: normal;
	font-size: 175px;
	letter-spacing: 10px;
	-webkit-text-stroke: .75px black;
	text-shadow: .5px .5px .01em white;
	color: rgba(214,0,3,0.95);
	src: "../fonts/Apocalypse Grunge.ttf";

}

#restoration{
	position: sticky;
	z-index: 100;
 	font-family: "Saira Stencil One", serif;
	font-weight: 200px;
	font-style: normal;
	font-size: 85px;
	text-transform: uppercase;
	-webkit-text-stroke: 1.75px black;
	letter-spacing: -.05em;
	color: rgba(217,164,19,1.00);
}

.backgroundImage{
	float: right;
	margin-right: 30px;
	box-shadow: .5em .5em .1em .05em
}


/*
.content {
	display: flex;
	justify-content: flex-start;
	column-fill: balance;
}
*/

#openingState {
	text-indent: 0em;
	padding-top: 45px;
	width: 50ch;
	font-size: 14px;
	font-family: Arial, Trebuchet, "sans-serif";
	color: black;
}

.subheading {
	text-indent: 0em;
	font-family: "INTTERNO", "Lucida Bright", "serif";
	font-size: 65px;
	line-height: .90em;
}


h2 {
	font-family: "INTTERNO", "Lucida Bright", "serif";
	font-size: 18px;
	color: rgba(217,217,217,1.00);
	letter-spacing: .05em;
}

#grid {
	column-width: 30ch;
	column-gap: 30px;
	column-rule: groove medium black;
}

p {
	text-indent: 2em;
	margin-bottom: 15px;
	font-size: 14px;
	font-family: Arial, Trebuchet, "sans-serif";
	
}

footer {
	text-align: center;
	font-size: 16px;
	font-style: italic;
	margin-top: 50px;
	margin-bottom: 20px;