.style1 {
    width: 100%
}
.style2 {
    margin-top: 4px;
    margin-bottom: 16px;
    border-width: 1px;
    border-color: #161719;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px}
.style3 {
    width: 40%
}
.style4 {
    width: 40%
}
@media (min-width: 360px) {
  /* CSS that should be displayed if width is equal to or less than 800px goes here */
  .containerCalc{
    width: 100%;
  }
    
  
}

@media (min-width: 576px) {
  /* CSS that should be displayed if width is equal to or less than 800px goes here */
  .containerCalc{
    width: 100%;
  }
}
@media (min-width: 768px) {
  /* CSS that should be displayed if width is equal to or less than 800px goes here */
 .containerCalc{
    width: 75%;
  }
}


@media (min-width: 1200px) {
  /* CSS that should be displayed if width is equal to or less than 800px goes here */
   .containerCalc{
    width: 50%;
  }
}
@media (min-width: 1400px) {
  /* CSS that should be displayed if width is equal to or less than 800px goes here */
   .containerCalc{
    width: 50%;
  }
.style6 {
        border-width: 1px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px
    }
.style7 {
        background-size: cover
    }

}
.style5 {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px
}
.style7 {
    background-image: url("../assets/images/TimberTruck_wide.webp");
    height: 250px
    }
.style8 {
    height: 250px;
    background-image: url("../assets/images/TimberTruck_wide.webp")
}
.style9 {
    margin-bottom: 15px
}