.heroContent {
    margin-top: 5.5%;
    padding: 0 1% 0 5%;
}
a.btn-primary, a:hover.btn-primary, a:active.btn-primary, a:focus.btn-primary {
	font-size:11px !important;
}
.OOS .btn-primary, .OOS .btn-primary:hover {
	font-size:11px !important;
}
#primaryNav > ul > li {
    max-width: 10%;
}
#primaryNav > ul > li:nth-child(5) {
  	max-width: 22%;
}
@media only screen and (max-width: 768px){
	#primaryNav > ul > li,
	#primaryNav > ul > li:nth-child(5)  {
	  max-width: 100%;
	}
	.heroContent h1 {
	    font-size: 32px;
	}

}
