body{
font-family: 'Poppins',  'Montserrat', sans-serif;
}

.button {
  transition-duration: 0.4s;
  background-color:#c89b4c;
  border:1px solid black;
  color:white;
  font-size:1.2em;
  border-radius:5px;
}

.button:hover {
  background-color: white;
  color: black;
  box-shadow: 0 2px 6px 0 white;
  text-decoration:none;
}

.btn {
  color: white;
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
  max-width: 170px;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  width: 100%;
  padding-top:10px;
}
@media (min-width: 600px) {
  .btn {
    margin: 0 1em 2em;
  }
}
.btn:hover {
  text-decoration: none;
}

.btn-1 {
  font-weight: 100;
}
.btn-1 svg {
  height: 45px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.btn-1 rect {
  fill: none;
  stroke: white;
  stroke-width: 2;
  stroke-dasharray: 422, 0;
  -webkit-transition: all 0.35s linear;
  transition: all 0.35s linear;
}

.btn-1:hover {
  background: rgba(225, 51, 45, 0);
  font-weight: 900;
  letter-spacing: 1px;
color:white;
}
.btn-1:hover rect {
  stroke-width: 5;
  stroke-dasharray: 15, 310;
  stroke-dashoffset: 48;
  -webkit-transition: all 1.35s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 1.35s cubic-bezier(0.19, 1, 0.22, 1);
}

a{
 text-decoration: none;
}

.button a:visited{
   color:white;
}

.button a:active{
   color:white;
}

.products a{
    font-size:1.6em;
    text-decoration:none;
}

.maincontent{
     width:100%;
     position:relative;
}

.top{
     background-image:url('/imageserver/Reusable/westbury2020/hero3-min.png');
     background-size:cover;
     -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 69% 94%, 47% 98%, 24% 94%, 0% 99%);
     clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 69% 94%, 47% 98%, 24% 94%, 0% 99%);
     color:white;
}

/* Section - Title */
/**************************/
#parallax-world-of-ugg .title {background: white; padding: 60px; margin:0 auto; text-align:center;}
#parallax-world-of-ugg .title h1 {font-size:35px; letter-spacing:4px;}


/* Section - Parallax */
/**************************/



#parallax-world-of-ugg .parallax-one {padding-top: 100px; padding-bottom: 100px; overflow: hidden; position: relative; width: 100%; background-image: url(/imageserver/Reusable/westbury2020/homebanner-min.jpg); background-attachment: fixed; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-repeat: no-repeat; background-position: center center;
-webkit-clip-path: polygon(0% 15%, 100% 0%, 100% 85%, 0% 100%);
clip-path: polygon(0% 15%, 100% 0%, 100% 85%, 0% 100%);
}

.hdz{
    background-color:rgba(255,255,255,0.7);
    padding:60px 20px 20px 20px;
    margin-left:5%;
    -webkit-clip-path: polygon(0% 15%, 100% 0%, 100% 85%, 0% 100%);
clip-path: polygon(0% 15%, 100% 0%, 100% 85%, 0% 100%);

}

/* Media Queries */
/**************************/
@media screen and (max-width: 959px) and (min-width: 768px) {
  #parallax-world-of-ugg .block {padding: 40px; width:620px;}
}
@media screen and (max-width: 767px) {
  #parallax-world-of-ugg .block {padding: 30px; width:420px;}
  #parallax-world-of-ugg h2 {font-size:30px;}
  #parallax-world-of-ugg .block {padding: 30px;}
  #parallax-world-of-ugg .parallax-one, #parallax-world-of-ugg .parallax-two, #parallax-world-of-ugg .parallax-three {padding-top:100px; padding-bottom:100px;}
}
@media screen and (max-width: 479px) {
  #parallax-world-of-ugg .block {padding: 30px 15px; width:290px;}
}
@media screen and (max-width: 959px) {
  .products-header {margin:0 auto; text-align:center;}
}


.zoom {
  transition: transform .4s;
}

.zoom:hover {
  transform: scale(1.3);
  z-index:1;
}

@media only screen and (max-width: 600px) {
      .hdz{
       padding:80px 20px 80px 20px;
    }
   
}