html {
  height: 100vh;
}

body {
  height: 100vh;
}

main{
 	height: 100vh;
 	display: flex;
  	justify-content: center;
}

#image-logo-container{
	margin-top: 30%;
}

#header-search-bar{
	height: 50px;
}


footer{
	position: fixed;
	width: 100%
}


/*PRODUC DETAILS*/

@media screen and (max-width: 1200px) {

	#image-logo-container{
		margin-top: 40%;
	}

}

@media screen and (max-width: 992px) {

	#image-logo-container{
		margin-top: 40%;
	}

}

@media screen and (max-width: 768px) {

	#image-logo-container{
		margin-top: 40%;
	}

}

@media screen and (max-width: 576px) {
	
	#image-logo-container{
		margin-top: 10%;
	}

}

@media screen and (max-width: 480px) {

	#image-logo-container{
		margin-top: 10%;
	}

}