@charset "UTF-8";
/* CSS Document */

/*  ---COLOURS---

RED:--------9f2943
LT Grey:----a3a1a4
DK Grey:----63656a

*/

.HMnavbox{
	width:850px;
	height:365px;
	margin:auto;
}

/*  ---HM Nav buttons--- */
.HMhistory{
	float:left;
	display: block;
	width: 170px;
	height: 365px;
	background: url("../navigation/HM_History_Btn.png") no-repeat 0 0;

}

.HMhistory:hover
{ 
  background-position: 0 -365px;
}

.HMvineyards{
	float:left;
	display: block;
	width: 170px;
	height: 365px;
	background: url("../navigation/HM_Vineyards_Btn.png") no-repeat 0 0;

}

.HMvineyards:hover
{ 
  background-position: 0 -365px;
}

.HMwines{
	float:left;
	display: block;
	width: 170px;
	height: 365px;
	background: url("../navigation/HM_Wines_Btn.png") no-repeat 0 0;

}

.HMwines:hover
{ 
  background-position: 0 -365px;
}

.HMgrowers{
	float:left;
	display: block;
	width: 170px;
	height: 365px;
	background: url("../navigation/HM_Growers_Btn.png") no-repeat 0 0;

}

.HMgrowers:hover
{ 
  background-position: 0 -365px;
}

.HMfood{
	float:left;
	display: block;
	width: 170px;
	height: 365px;
	background: url("../navigation/HM_Food_Btn.png") no-repeat 0 0;

}

.HMfood:hover
{ 
  background-position: 0 -365px;
}
/*  ---HM Nav buttons--- */

@media only screen and (max-width : 999px) and (min-width : 768px) {
.HMnavbox{width:700px;height:300px;margin:auto;}
/*  ---HM Nav buttons--- */
.HMhistory{float:left;display: block;width: 140px;height: 300px;background: url("../navigation/HM_History_Btn-768.png") no-repeat 0 0;}
.HMhistory:hover{background-position: 0 -300px;}
.HMvineyards{float:left;display: block;width: 140px;height: 300px;background: url("../navigation/HM_Vineyards_Btn-768.png") no-repeat 0 0;}
.HMvineyards:hover{background-position: 0 -300px;}
.HMwines{float:left;display: block;width: 140px;height: 300px;background: url("../navigation/HM_Wines_Btn-768.png") no-repeat 0 0;}
.HMwines:hover{background-position: 0 -300px;}
.HMgrowers{float:left;display: block;width: 140px;height: 300px;background: url("../navigation/HM_Growers_Btn-768.png") no-repeat 0 0;}
.HMgrowers:hover{background-position: 0 -300px;}
.HMfood{float:left;display: block;width: 140px;height: 300px;background: url("../navigation/HM_Food_Btn-768.png") no-repeat 0 0;}
.HMfood:hover{background-position: 0 -300px;}
}

@media only screen and (max-width : 767px) and (min-width : 481px) {
.HMnavbox{width:460px;height:198px;margin:auto;}
/*  ---HM Nav buttons--- */
.HMhistory{float:left;display: block;width: 92px;height: 198px;background: url("../navigation/HM_History_Btn-481.png") no-repeat 0 0;}
.HMhistory:hover{background-position: 0 -198px;}
.HMvineyards{float:left;display: block;width: 92px;height: 198px;background: url("../navigation/HM_Vineyards_Btn-481.png") no-repeat 0 0;}
.HMvineyards:hover{background-position: 0 -198px;}
.HMwines{float:left;display: block;width: 92px;height: 198px;background: url("../navigation/HM_Wines_Btn-481.png") no-repeat 0 0;}
.HMwines:hover{background-position: 0 -198px;}
.HMgrowers{float:left;display: block;width: 92px;height: 198px;background: url("../navigation/HM_Growers_Btn-481.png") no-repeat 0 0;}
.HMgrowers:hover{background-position: 0 -198px;}
.HMfood{float:left;display: block;width: 92px;height: 198px;background: url("../navigation/HM_Food_Btn-481.png") no-repeat 0 0;}
.HMfood:hover{background-position: 0 -198px;}
}

@media screen and (max-width: 480px) {
.HMnavbox{width:200px;height:250px;margin:auto;}
/*  ---HM Nav buttons--- */
.HMhistory{float:left;display: block;width: 200px;height: 50px;background: url("../navigation/HM_History_Btn-200.png") no-repeat 0 0;}
.HMhistory:hover{background-position: 0 -50px;}
.HMvineyards{float:left;display: block;width: 200px;height: 50px;background: url("../navigation/HM_Vineyards_Btn-200.png") no-repeat 0 0;}
.HMvineyards:hover{background-position: 0 -50px;}
.HMwines{float:left;display: block;width: 200px;height: 50px;background: url("../navigation/HM_Wines_Btn-200.png") no-repeat 0 0;}
.HMwines:hover{background-position: 0 -50px;}
.HMgrowers{float:left;display: block;width: 200px;height: 50px;background: url("../navigation/HM_Growers_Btn-200.png") no-repeat 0 0;}
.HMgrowers:hover{background-position: 0 -50px;}
.HMfood{float:left;display: block;width: 200px;height: 50px;background: url("../navigation/HM_Food_Btn-200.png") no-repeat 0 0;}
.HMfood:hover{background-position: 0 -50px;}
}