@charset "utf-8";
body {
	margin: 0px;
	font-family: 'Chakra Petch', sans-serif;
	font-size: 1em;
	background-color: #555555;
	color: #E5E5E5;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	
}


#container {
	width: 1280px;
	padding-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-right: 316px;
}
.colum-layout {
	width: 1280px;
	background-color: #010111;
	display: flex;
	padding-bottom: 30px;
	padding-top: 15px;
}
#mainColumn {
	flex: 5;
	order: 2;
	width: 960px;
	padding-left: 20px;
	margin-right: 29px;
}
#mainColumn h1 {
	color: hsla(359,38%,46%,1.00);
}


#sidebarLeft {
	flex: 1;
	order: 1;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	border-right: thick double #FFFFFF;
	padding-right: 3px;
	padding-left: 3px;
}
#sidebarLeft h3 {
	text-align: center;
	font-size: x-large;
	color: #FFFD00;
	padding-left: 0px;
	padding-right: 0px;
}
#sidebarLeft ul {
	list-style-type: none;
	text-decoration: underline;
	text-align: left;
	text-indent: 0px;
	font-size: larger;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	word-spacing: 0px;
	white-space: pre-line;
	color: hsla(359,38%,46%,1.00);
	padding-left: 75px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	margin-top: -25px;
}




#container {
	width: 960px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
}
.features {
	width: 800px;
	display: flex;
	justify-content: space-between;
	padding-left: 91px;
}
.features2 {
	width: 800px;
	display: flex;
	justify-content: space-between;
	padding-left: 91px;
}
#mainColumn h1 {
	padding-left: 100px;
}
#mainColumn h2 {
	padding-left: 100px;
}
#mainColumn p {
	padding-left: 100px;
	padding-right: 350px;
}
#mainColumn h3 {
	padding-left: 100px;
}

.featuredProduct p {
}




.featuredProduct {
	padding: 20px;
	margin: 10px;
	box-sizing: border-box;
	flex-basis: 30%;
	width: 250px;
	border: thin ridge #FFFFFF;
	background-color: #000000;
	-webkit-box-shadow: 3px 3px 0px 2px hsla(359,38%,46%,1.00);
	box-shadow: 3px 3px 0px 2px hsla(359,38%,46%,1.00);
}

.featuredProduct h4 {
	text-align: center;
	color: hsla(359,38%,46%,1.00);
}
.featuredProduct ul {
	text-align: left;
	list-style-type: none;
}


header h1 {
	text-align: center;
	text-decoration: none;
	background-color: hsla(0,0%,0%,0.75);
}
footer h1 {
	font-size: x-large;
	padding-left: 645px;
}
header h1 a {
	text-decoration: none;
}
header p {
	text-align: center;
	color: #E5E5E5;	
	background-color: hsla(0,0%,0%,0.75);
}


#topNav ul {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 0px;
	margin-left: 0px;
	text-align: center;
	list-style-type: none;
	color: #FF0004;
	background-color: hsla(0,0%,0%,0.75);
}
.featuredProduct p {
	text-align: center;
	background-color: #FFFD00;
	color: #000000;
	font-family: 'Chakra Petch', sans-serif;
	font-size: larger;
	font-variant: small-caps;
	font-weight: bolder;
	margin-top: 0px;
}

#topNav ul li {
	display: inline-block;
	margin-left: 30px;
	font-size: 1.1rem;
	color: #FF0004;
	text-decoration: none;
}
#topNav ul li a {
	text-decoration: none;
	color: #E5E5E5;
}
#mainColumn p a {
	text-decoration: none;
}


header  {
	padding-bottom: 8px;
	background-image: url(Assets/Images/headBackground.jpg); /*This image was sourced from https://www.pexels.com/photo/assorted-vinyl-record-lot-908965/ */
	color: #E7474A;
	background-color: hsla(0,0%,0%,0.75);
	width: 1280px;
}


header h1 a:link, header h1 a:visited {
	margin-bottom: 0px;
	font-weight: normal;
	color: #E5E5E5;
	font-size: 3rem;
	
}
#topNav a:link  ,header h1 a:visited  {
	margin-bottom: 0px;
	font-weight: normal;
	color: #E5E5E5;
	font-size: 1.1rem;	
}

header h1 a:hover, header h1 a:active {
	margin-bottom: 0px;
	font-weight: normal;
	font-size: 3rem;
	color: hsla(359,38%,46%,1.00);
}
#topNav a:hover  ,header h1 a:active  {
	margin-bottom: 0px;
	font-weight: normal;
	color: hsla(359,38%,46%,1.00);
}
.featuredProduct h5 {
	text-align: center;
	font-family: 'Chakra Petch', sans-serif;
	color: #000000;
	background-color: #F8FF00;
	font-size: large;
	margin-left: 0px;
	margin-top: 0px;
}
footer ul {
	margin-left: 0px;
	padding-left: 350px;
	text-align: center;
	list-style-type: none;
}
footer ul li {
	display: inline-block;
	padding-left: 0px;
	margin-left: 85px;
}
a:link, a:visited {
	color: hsla(359,38%,46%,1.00);
}
a:hover, a:active {
	color: #E5E5E5;
}