@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');
body, p, a, span, h1, h2, h3, h4, h5, h6, a:hover{
  font-family: 'Ubuntu', sans-serif!important;
  font-weight: 300;
  color: black;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, p a, #stickyNav li a {
  position: relative;
  z-index: 2;
}
p a, p a:hover{
	font-weight: bold;
}
p a:before, p a:after {
	content: '';
	position: absolute;
	bottom: 2px;
	left: 0; right: 0;
	height: 0;
	background-color: rgba(240,168,21,0.5);
	opacity: 0;
	transform: translateY(-18px);
	transition: height 0.4s, cubic-bezier(0.175, 0.885, 0.320, 1.275) 0.2s, opacity 0s;
	z-index: -1;
}
p a:hover:before, p a:hover:after, p a:hover:focus{
	height: 7px;
	opacity: 1;
	transform: translateY(2px);
	transition: height 0.4s, cubic-bezier(0.175, 0.885, 0.320, 1.275) 0.2s, opacity 0s;
}
h1 a:before, h1 a:after, h2 a:before, h2 a:after, h3 a:before, h3 a:after, h4 a:before, h4 a:after, h5 a:before, h5 a:after, h6 a:before, h6 a:after{
	content: '';
	position: absolute;
	bottom: 2px;
	left: 0; right: 0;
	height: 0;
	background-color: rgba(240,168,21,0.5);
	opacity: 0;
	transform: translateY(-18px);
	transition: height 0.4s, cubic-bezier(0.175, 0.885, 0.320, 1.275) 0.2s, opacity 0s;
}
h1 a:hover:before, h1 a:hover:after, h1 a:hover:focus, h2 a:hover:before, h2 a:hover:after, h2 a:hover:focus, h3 a:hover:before, h3 a:hover:after, h3 a:hover:focus, h4 a:hover:before, h4 a:hover:after, h4 a:hover:focus, h5 a:hover:before, h5 a:hover:after, h5 a:hover:focus, h6 a:hover:before, h6 a:hover:after, h6 a:hover:focus {
	height: 7px;
	opacity: 1;
	transform: translateY(2px);
	transition: height 0.4s, cubic-bezier(0.175, 0.885, 0.320, 1.275) 0.2s, opacity 0s;
}
h1{
  font-size: 90px;
  font-weight: 700;
  position: relative;
  z-index: 2;
  display: inline-block;
  color: #232323;
}
h1 span.under{
  height: 30px;
  bottom: 2px;
  position: absolute;
  transform: translateY(2px);
  left: 0;
  right: 20%;
  background-color: rgb(240,168,21);
  bottom: 2px;
	opacity: 1;
  z-index: -5;
}
h2{
  font-size: 60px;
  font-weight: 700;
  position: relative;
  z-index: 2;
  display: inline-block;
  color: #232323;
}
h2 span.under{
  height: 20px;
  bottom: 2px;
  position: absolute;
  transform: translateY(2px);
  left: 0;
  right: 20%;
  background-color: rgb(240,168,21);
  bottom: 2px;
	opacity: 1;
  z-index: -5;
}
.view{
  font-size: 10px;
  margin: 0;
}
.quote span, .sale span, .sale span a{
  font-size: 50px;
  font-weight: 700;
  color: white;
  line-height: 1.2em;
}
.sale span a{
  color: #232323;
}
.promo span, .promo span a{
  font-size: 50px;
  font-weight: 700;
  color: #232323;
  line-height: 1.2em;
}
.yellow, .promo span a{
  color: #f0a815!important;
}

@media( max-width: 992px ){
  h1{
    font-size: 50px;
  }
  h2{
    font-size: 30px;
  }
  h1 span.under{
    height: 10px;
  }
  h2 span.under{
    height: 5px;
  }
}
