@charset "utf-8";

/*
Rusty Classic Restoration
Author: Bishwo Marhatta
Date:   07/30/2019



   Filename: sp_layout.css

*/

/* Window and Body Styles */
body {
	width: 95%;
	min-width: 640px;
	max-width: 960px;
	margin: auto;
	height: 100%;
}

header, ul, nav, li, a {
	box-sizing: border-box;
}



/* Row Styles */

.row::after {
	content: "";
	display: table;
	clear: both;
}





/* Page Header Styles */





header a {
	display: block;
	width: 2000%;
	height: 1000%;

}

header img {
	display: block;
	width: 70%;
	height: 50%;
	float: left;
}

header nav ul {
	float: left;
	padding-left: 2%;
	padding-right: 2%;
	width: 30%;

}




header a {
	display: block;
	width: 200%;
	height: 100%;
}



/* Horizontal Navigation List Styles */

nav.horizontal li {
	display: block;
	width: 16.66%;
	float: left;
}



/* Topics Styles */


#topics li {
	display: block;
	width: 30%;
	float: left;
	margin-left: 0%;
	margin-right: 1.5%;
}

#topics li:first-of-type {
	margin-left: 7.75%;
}

#topics li:last-of-type {
	margin-right: 7.75%;
}

img {
	display: block;;
	margin-left: auto;
	margin-right: auto;
}




/* HR Styles */

hr {
	width: 50%;
}


/* Customer Comment Styles */

#comments ul {
		width: 75%;
		margin-top: 40px;
		margin-bottom: 40px;
		margin-left: auto;
		margin-right: auto;
}

#comments li {
	display: block;
	width: 50%;
	float: left;
	margin-bottom: 30px;
}



#comments p {
	float: left;
	width: 70%;
}

/* Footer Styles */
footer {
	clear: both;
}