body{
	font-family:Verdana;
	margin:8px;
}

header {
    color:#808080;
		border-bottom: 2px solid #990a00;
		height:60px;
}

.navbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px;
    position: relative;
}

#logo1{
	width:175px;
	height:39px;
}

.logo a {
    color:#808080;
    text-decoration: none;
    font-size: 1.5em;
}

.nav-links {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
	transition: opacity 0.3s ease;
}

.nav-links li {
    margin-left: 20px;
}

.nav-links a {
    color:#808080;
    text-decoration: none;
    font-size: 1em;
    padding: 8px 12px;
    display: block;
	transition: color 0.3s ease;
}

.nav-links a:hover {
    color: #990a00;
}

.menu-toggle {
    display: none;
    font-size: 1.5em;
    cursor: pointer;
}

				/* Responsive styles */
				@media (max-width: 900px) {
					.nav-links {
						display: none;
						flex-direction: column;
						width: 100%;
						background-color: #990a00;
						position: absolute;
						top: 100px;
						left: 0;
						top:60px;
						z-index: 999;
					}


					.nav-links a {
						color:white;
						text-decoration: none;
						font-size: 1em;
						padding: 8px 12px;
						display: block;
						transition: color 0.3s ease;
					}

					.nav-links a:hover {
						color: #990a00;
						background-color: white;
					}

					.nav-links.active {
						display: flex;
					}

					.nav-links li {
						margin: 0;
						text-align: center;
					}

					.menu-toggle {
						display: block;
					}
				}



#productss{
	position: relative;
	margin:65px auto 70px auto;
	width:1200px;
	box-sizing:border-box;
	display: flex;
    flex-wrap: wrap;
}

#bar{
	flex:300px;
	box-sizing: border-box;
	padding-top:15px;
	font-size:14px;
}

#content{
	flex:900px;
	box-sizing: border-box;
	border-left:3px solid #a6a6a6;
	padding-left:30px;
}

#content p{
	text-align:justify;
	font-size:20px;
	color:black;
}

#content img{
	width:98%;
	height:500px;
	margin:3px auto 3px auto;
	filter:drop-shadow(1px 1px 2px grey) brightness(80%);
}

#content img:hover{
	filter:drop-shadow(1px 1px 2px grey) brightness(110%);
}

@media (max-width:1200px) {
	#bar,#content,#productss{
    flex:100%;
	width:90%;
	}
	#content{
	border-left:none;
	padding-left:0;
	}
	#bar{
	border-left:3px solid #6a6a6a;
	padding-left:20px;
	}
	#content img{
	height:600px;
	}
}
@media (max-width:1000px) {
	#content img{
	height:500px;
	}
}
@media (max-width:800px) {
	#content img{
	height:430px;
	}
}
@media (max-width:600px) {
	#content img{
	height:240px;
	}
}





/* unvisited link */
#bar a:link {
  color:#884944;
  text-decoration:none;
}

/* visited link */
#bar a:visited {
  color:#884944;
    text-decoration:none;
}

/* mouse over link */
#bar a:hover {
  color:#000000;
  text-decoration:none;
}

/* selected link */
#bar a:active {
  color:#000000;
  text-decoration:none;
}



footer{
	box-sizing:border-box;
	width:100%;
	position:relative;
	background-color:#990a00;
	padding:30px 30px;
	
}

footer h3{
		text-align:center;
		color:white;
		text-shadow:1px 1px 8px black;
}
footer p{
		font-size:14px;
		text-align:center;
		color:white;
		text-shadow:1px 1px 8px black;
}
footer img{
	filter:drop-shadow(1px 1px 3px black) brightness(90%);
	width:30px;
	height:30px;
	margin:5px 5px;
}
footer a:hover{
	filter:drop-shadow(1px 1px 3px black) brightness(110%);
}