body{
	font-family: 'PT sans', sans-serif;
/*	background-color: #454545;*/
	margin: 0;
/*	color: greenyellow;*/
	line-height: 1.4;
}


a{
	text-decoration: none;
/*	color: lightpink;	*/
}


.btn{
	color: white;
}

#showcase{
	margin:0;
	padding: 0;
	background: url('home1.jpg') no-repeat center/cover;
	width: 100%;
	height: 100vh;
	position: relative;
	overflow-y:hidden ;
}

.container{
/*	max-width: 1180px;*/
	text-align: center;
	padding-top: 2%;
	margin-bottom: 0;
	margin-top: 50px;
	padding-left: 10%;
	padding-right: 10%;
	text-align: center;
}

.btn{
	padding: 1rem;
	color: white;
	display: inline-block;
	text-decoration: none;
}

.btn:hover{
	background-color: peachpuff;
/*	border-radius: 10px;*/
}

.lead{
	font-size: 1.3rem;
	font-family: 'PT Sans', sans-serif;
	margin: 10%;
	color: black;
/*	margin-left: */
}
 h1{
	font-size: 8rem;
/*	margin-bottom: 5%;*/
/*	color: #A600FF;*/
  	animation: color-change 1s infinite;
}

h2{
		font-size: 3rem;
	  animation: color-change 1s infinite;
}
.container1{
/*	max-width: 1180px;*/
	text-align: center;
	padding-top: 5px;
	margin-bottom: 3%;
	margin-top: 10px;
	padding-left: 10%;
	padding-right: 10%;
}
@keyframes color-change {
  0% { color: black; }
  50% { color: #F0E0B0; }
  100% { color: pink; }
}
/*
.btn-primary {
	background: var(--primary-color);
}

.btn-primary hover{
	background: var(--primary-color-hover);
}

.btn-secondary {
	background: var(--secondary-color);
}

.btn-secondary hover {
	background: var(--secomdary-color-hover);
}*/

.mb{
	margin-bottom: 5rem;
	border-radius: 10px;
	height: 2rem;
	background: black;
	width: 20rem;
	margin-top: 2px;

}

nav{
	height: 40px;
	width:100%;
	background-color: black;
	color: white;
	position: center;
}

nav ul{
	margin: 0;
	padding: 0;

}

nav li{
	float: left;
	display: inherit;
}

nav a{
	display: inline-block;
	width: 120px;
	text-align: center;
	text-decoration: none;
	padding: 10px 0px;
	color: white;

}

nav li:hover{
	background-color: peachpuff;
	border-radius: 10px;
}

.about{
/*	margin-bottom: 5rem;*/
	border-radius: 10px;
/*	height: rem;*/
	background: black;
	width: 20rem;
/*	margin-top: 2px;*/

}


.sec{
/*		padding: 1rem;*/
	color: black;
	display: inline-block;
	text-decoration: none;
	text-align: center;
	margin-top: 10px;

}


section #shoppingsite {
/*	margin-bottom: 5rem;*/
	border-radius: 10px;
/*	height: 2rem;*/
	background: black;
	width: 20rem;
/*	margin-top: 2px;*/
	text-align: center;
/*	color: white;*/

}