* {
  font-family: "Work Sans", sans-serif;
}

body {
  font-family: "Work Sans", sans-serif;
}

a {
  text-decoration: none;
  color: inherit;
}

.text-small {
  font-size: 0.8rem;
  line-height: 1rem;
}

.text-normal {
  font-size: 1.2rem;
  line-height: 1.3rem;
}

.text-normal-dos {
  font-size: 1.5rem;
  line-height: 1.8rem;
}

.text-big {
  font-size: 2.2rem;
  line-height: 2.5rem;
}

.text-ultra-big {
  font-size: 4rem;
  line-height: 4.2rem;
}

.italic {
	font-style: oblique;
}

.thin {
  font-weight: 100;
}

.xlight {
  font-weight: 200;
}

.light {
  font-weight: 300;
}

.regular {
  font-weight: 400;
}

.medium {
  font-weight: 500;
}

.book {
  font-weight: 600;
}

.bold {
  font-weight: 700;
}

.xbold {
  font-weight: 800;
}

.black {
  font-weight: 900;
}

@media (max-width: 576px)
{

  .text-small {
    font-size: 0.7rem;
    line-height: 1.4rem;
  }
  
  .text-normal {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  
  .text-normal-dos {
    font-size: 1.2rem;
    line-height: 1.5rem;
  }
  
  .text-big {
    font-size: 2rem;
    line-height: 2.2rem;
  }
  
  .text-ultra-big {
    font-size: 2.5rem;
    line-height: 2.8rem;
  }

}

@media  (min-width: 577px) and (max-width: 767px)
{

  .text-small {
    font-size: 0.7rem;
    line-height: 1.4rem;
  }
  
  .text-normal {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  
  .text-normal-dos {
    font-size: 1.2rem;
    line-height: 1.5rem;
  }
  
  .text-big {
    font-size: 2rem;
    line-height: 2.2rem;
  }
  
  .text-ultra-big {
    font-size: 2.5rem;
    line-height: 2.8rem;
  }

}

@media (min-width: 768px) and (max-width: 991px) {
    
  .text-small {
    font-size: 0.7rem;
    line-height: 1.4rem;
  }
  
  .text-normal {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  
  .text-normal-dos {
    font-size: 1.2rem;
    line-height: 1.5rem;
  }
  
  .text-big {
    font-size: 2rem;
    line-height: 2.2rem;
  }
  
  .text-ultra-big {
    font-size: 2.5rem;
    line-height: 2.8rem;
  }

}

@media (min-width: 992px) and (max-width: 1200px) {
  
  .text-small {
    font-size: 0.7rem;
    line-height: 1.4rem;
  }
  
  .text-normal {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  
  .text-normal-dos {
    font-size: 1.2rem;
    line-height: 1.5rem;
  }
  
  .text-big {
    font-size: 2rem;
    line-height: 2.2rem;
  }
  
  .text-ultra-big {
    font-size: 2.5rem;
    line-height: 2.8rem;
  }

}

@media  (min-width: 1200px) and (max-width: 1400px)
{

  .text-small {
    font-size: 0.7rem;
    line-height: 1.4rem;
  }
  
  .text-normal {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  
  .text-normal-dos {
    font-size: 1.2rem;
    line-height: 1.5rem;
  }
  
  .text-big {
    font-size: 2rem;
    line-height: 2.2rem;
  }
  
  .text-ultra-big {
    font-size: 2.5rem;
    line-height: 2.8rem;
  }

}

@media  (min-width: 1401px) and (max-width: 1600px){

  .text-small {
    font-size: 0.7rem;
    line-height: 1.4rem;
  }
  
  .text-normal {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  
  .text-normal-dos {
    font-size: 1.2rem;
    line-height: 1.5rem;
  }
  
  .text-big {
    font-size: 2rem;
    line-height: 2.2rem;
  }
  
  .text-ultra-big {
    font-size: 2.5rem;
    line-height: 2.8rem;
  }

}