style.css

header{
	background-color: #aeb4b7;
	border-radius: 0;
	border:0;
}
main{min-height:100vh;}
footer{background-color: #aeb4b7;}
footer a{text-decoration: none;
color: white;}
footer a:hover{text-decoration: none; color: black;}
#log-in-form a{text-decoration: none; color: black;}
#log-in-form a:hover{color:#aeb4b7;}
#log-in-form button{background-color:#aeb4b7; border-color:black; box-shadow: none; }
#log-in-form button:hover{background-color:black;  }
#log-in-form input{box-shadow: none; border-color: black;}
#logo-img{
	background: url('bookstore_logo.png')no-repeat;
	width: 300px;
	height: 75px;
	margin: 10px 15px 10px 0;
}
#search-btn{
color: white;
border-color: black;

}
#shopping-bag-icon{height: 30px;width: 30px;}
#search-btn:hover{background-color: white; color: black;}
#search-input{box-shadow: none; border-color: black; }

#crt-acc
{
width: 30px;
height: 30px;
margin: 10px 15px 10px 0;

}

/* small media query*/
@media only screen and (max-width: 576px) {
 #logo-img{
 	background: url('bookstore_logo_sm.png');
	width: 200px;
	height: 50px;
	margin: 10px 15px 10px 0;

 }
.display-4{
	font-size: 2.0rem;
}
#log-in-form{width: 50%}
}

@media only screen and (max-width: 991px) 
{
	
}
/* mediam media query*/
@media only screen and (min-width: 768px)and (max-width: 991px) 
{

}