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

.cedar-container {
  padding:0 8%;

}

p {
  font-size:18px;
}

.hero-wrapper {
  text-align:center;
  padding:10vh 0 20vh 0;
  font-size:60px;
  color:white;  
}

.home{  
   padding:20px 15px;
   border:1px solid black;
}

.product{
   background-color:white;
   padding:20px 10px;
margin-right:10px;
}

.line-break{
   border-top:2px solid black;
   max-width: 150px;
   margin: 0 auto;
}

.durability{
   min-height:175px;
}

.right img{
   float:right;
   padding:.5em;
}

.left img{
   float:left;
   padding:.5em;
}

.border-animate a {
    position:relative;
    transition: .5s;
    color: black;
    display:inline-block;
    padding:.4em 1em;
    cursor:pointer;
    font-size:18px;
}
.border-animate a:before {
    content: '';
    position:absolute;
    top:0;
    left: 0;
    width:100%;
    height:100%;
    border-top:1px solid black;
    border-bottom:1px solid black;
    transform: scaleY(2);
    opacity: 0;
    transition: .5s;
    z-index: -1;
}
.border-animate a:hover {
    color:white;
}
.border-animate a:hover::before {
     transform: scaleY(1);
     opacity: 1;
}
.border-animate a:after {
    content: '';
    position:absolute;
    top:1px;
    left: 0;
    width:100%;
    height:100%;
    background:black;
    transform: scale(0);
    opacity: 0;
    transition: .5s;
    z-index: -1;
}
.border-animate a:hover::after {
     transform: scale(1);
     opacity: 1;
}

.shake {
  background-color:white;
  padding:20px 20px;
}

.shake-image-mobile {
   display:none;
}

.shingle {
   background-color:white;
   padding:40px;
}

.shingle-image-mobile {
   display:none;
}

@media only screen and (max-width: 992px) {
  .shake  {
    margin-top:-50px;
  }
 
  .shake-image-mobile, .shingle-image-mobile {
    display:block;
  }

  .shingle-bottom-div-mobile {
    background-color:white;
  }
}