@include responsive_320
  .heading-h2
    font-weight: bold
    font-size: 35px

  .heading-h3
    font-weight: bold
    font-size: 27px

  .f-bold
    font-weight: bold

  .f-20
    font-size: 16px

  .f-20-bold
    font-weight: bold
    font-size: 16px

  .f-30
    font-size: 20px

  .f-30-bold
    font-weight: bold
    font-size: 20px

  .f-80
    font-size: 30px

  .f-80-bold
    font-weight: bold
    font-size: 30px
  .regular
    font-family: "Roboto",sans-serif
    color: rgb(0, 0, 0)
    color: black
  .flex-center
    display: flex
    justify-content: center
    align-items: center

  .text-italic
    font-style: italic
@include responsive_375
  .heading-h2
    font-weight: bold
    font-size: 35px

  .heading-h3
    font-weight: bold
    font-size: 27px

  .f-bold
    font-weight: bold

  .f-20
    font-size: 16px

  .f-20-bold
    font-weight: bold
    font-size: 16px

  .f-30
    font-size: 20px

  .f-30-bold
    font-weight: bold
    font-size: 20px

  .f-80
    font-size: 80px

  .f-80-bold
    font-weight: bold
    font-size: 35px
  .regular
    font-family: "Roboto",sans-serif
    color: rgb(0, 0, 0)
    color: black
  .flex-center
    display: flex
    justify-content: center
    align-items: center

  .text-italic
    font-style: italic
@include responsive_425
  .heading-h2
    font-weight: bold
    font-size: 35px

  .heading-h3
    font-weight: bold
    font-size: 27px

  .f-bold
    font-weight: bold

  .f-20
    font-size: 16px

  .f-20-bold
    font-weight: bold
    font-size: 16px

  .f-30
    font-size: 20px

  .f-30-bold
    font-weight: bold
    font-size: 20px

  .f-80
    font-size: 80px

  .f-80-bold
    font-weight: bold
    font-size: 35px
  .regular
    font-family: "Roboto",sans-serif
    color: rgb(0, 0, 0)
    color: black
  .flex-center
    display: flex
    justify-content: center
    align-items: center

  .text-italic
    font-style: italic
@include responsive_768
  .heading-h2
    font-weight: bold
    font-size: 35px

  .heading-h3
    font-weight: bold
    font-size: 27px

  .f-bold
    font-weight: bold

  .f-20
    font-size: 16px

  .f-20-bold
    font-weight: bold
    font-size: 16px

  .f-30
    font-size: 20px

  .f-30-bold
    font-weight: bold
    font-size: 20px

  .f-80
    font-size: 80px

  .f-80-bold
    font-weight: bold
    font-size: 35px
  .regular
    font-family: "Roboto",sans-serif
    color: rgb(0, 0, 0)
    color: black
  .flex-center
    display: flex
    justify-content: center
    align-items: center

  .text-italic
    font-style: italic
@include responsive_992

  .heading-h2
    font-weight: bold
    font-size: 45px

  .heading-h3
    font-weight: bold
    font-size: 37px

  .f-bold
    font-weight: bold

  .f-20
    font-size: 20px

  .f-20-bold
    font-weight: bold
    font-size: 20px

  .f-30
    font-size: 30px

  .f-30-bold
    font-weight: bold
    font-size: 30px

  .f-80
    font-size: 40px

  .f-80-bold
    font-weight: bold
    font-size: 40px
  .regular
    font-family: "Roboto",sans-serif
    color: rgb(0, 0, 0)
    color: black
  .flex-center
    display: flex
    justify-content: center
    align-items: center

  .text-italic
    font-style: italic

@include responsive_1024
  .heading-h2
    font-weight: bold
    font-size: 45px

  .heading-h3
    font-weight: bold
    font-size: 37px

  .f-bold
    font-weight: bold

  .f-20
    font-size: 20px

  .f-20-bold
    font-weight: bold
    font-size: 20px

  .f-30
    font-size: 30px

  .f-30-bold
    font-weight: bold
    font-size: 30px

  .f-80
    font-size: 40px

  .f-80-bold
    font-weight: bold
    font-size: 40px
  .regular
    font-family: "Roboto",sans-serif
    color: rgb(0, 0, 0)
    color: black
  .flex-center
    display: flex
    justify-content: center
    align-items: center

  .text-italic
    font-style: italic