.nav_bar{
 justify-content:center ;
  width: 100px;
  margin: 10px;
  text-align: center;
  line-height: 75px;
  font-size: 30px;
}



body:after{
	position: absolute;
	width: 0;
	height:0;
	overflow:hidden;
	z-index: -1;
	content: url(facebook-color.png) url(instagram-color.png);
}

a {
	cursor: pointer;
}

.header-main{
	width: 100%;
	height: 600px;
	background-color: #fff;
	display: flex;
	flex-direction: row; /*add notes*/
	flex-wrap:wrap;
	justify-content: space-between;
	display: flex;
	align-items: center;
}

.header-main div{
	height: 300px;
}


.header-main-logo{
	width: fit-content;
	height: 100%;
	background-color: #fff;
	padding-left: 60px;
	display: flex;
}

.header-main-logo img{
	height: 30px;
	align-self: center;
}

.header-main-nav{
	width: 520px;
	height: 100%;
	background-color: #fff;
}


.header-main-sm{
	width: fit-content;
	height: 100%;
	background-color: #fff;
}


.header-main-nav ul{
	list-style: none;
	margin-left:30px;
}

.header-main-nav ul li{
	display:inline;
	float: left;
	margin-right: 10px;
}

.header-main-nav ul li a{
	padding: 0 10px;
	font-family: Arial;
	line-height: 5px;
	color:#bc3a3a;
	display: block;
	height:100%;
}
.header-main-nav ul li a:hover{
	color:#ccc;
	
}

.header-main-sm {
	width: fit-content;
	height: 100%;
	background-color: #fff;
	padding-right: 60px;
	display: flex;
	align-items: center;
	column-gap: 10px;
}

.header-main-sm-fb{
	width: 30px;
	height: 30px;
	background-image: url(facebook.png);
	background-repeat: no-repeat;
	background-size:cover;
}

.header-main-sm-fb:hover{
	background-image: url(facebook.jpg);
}
.header-main-sm-in{
	width: 30px;
	height: 30px;
	background-image: url(instragram-color.png);
	background-repeat: no-repeat;
	background-size:cover;
}

.header-main-sm-in:hover{
	background-image: url(instragram.jpg);
}


.box{
	position: sticky;
	top: 50px;
	width:100px;
	height: 100px;
	background-color: blue;

}


.container {
	position: relative;
	right: 200px;
	width: 600px;
	height: 600px;
	background-color: rgb(224, 71, 5);

}


.nav_bar{
 justify-content:center ;
  width: 100px;
  margin: 10px;
  text-align: center;
  line-height: 75px;
  font-size: 30px;
}

.index-category{
	font-size: 70px;
	text-align: center;
	color: #bc3a3a;
}