/* COLORS */
.envista-orange{
  color:#FF5F30;
}
/* TYPOGRAPHY  */
body{
  font-family: Arial;
}
.body-24 p{
  font-size: 24px;
}
h1{
  font-size: 56px;
  line-height: 100%;
}
h2{
  font-size: 48px;
  line-height: 120%;
}
h3{
  font-size: 32px;
}
p{
  font-size: 16px;
}
@media(max-width:600px){
  h1{
  font-size: 32px;
  /* line-height: 38px; */
    line-height: 120%;
}
h2{
  font-size: 48px;
  line-height: 120%;
}
h3{
  font-size: 32px;
}
}
/* BUTTONS */

.primary-btn{
  display: inline-block;
  color: #fff;
  font-size: 16px;
  padding: 11px 17px;
  background-color: #FF5F30;
  text-decoration: none;
  border: none;
  cursor: pointer;
  position: relative;
  width: fit-content;
  font-weight: bold;
  height: fit-content;
}
.primary-btn-rounded{
   display: inline-block;
  color: #fff;
  font-size: 16px;
  padding: 8px 16px;
  background-color: #FF5F30;
  text-decoration: none;
  border: none;
  cursor: pointer;
  position: relative;
  width: fit-content;
  /* font-weight: bold; */
  height: fit-content;
  border-radius:90px;
}
.primary-btn:hover{
  background-color: #000;
}
.gray-btn{
  background: #C1C4C9;
  padding: 12px 24px;
  width: fit-content;
  border-radius: 0px;
  border: none;
  font-family: Arial;
  font-size: 16px;
  font-weight: bold;
}
.gray-btn:hover{
  background: black;
  color:#fff;
}
.primary-outlined-btn{
  display: inline-block;
  color: #FF5F30;
  font-size: 16px;
  padding: 11px 17px;
  background-color: #fff;
  border:1px solid #FF5F30;
  text-decoration: none;
  cursor: pointer;
  position: relative;
  width: fit-content;
  font-weight: bold;
  height: fit-content;
}
.primary-outlined-btn:hover{
  background:#FF5F30; ;
  color:#fff;
}
.hide{
  display: none;
}