/*font size*/
.size-08{font-size: 08px;}
.size-09{font-size: 09px;}
.size-10{font-size: 10px;}
.size-11{font-size: 11px;}
.size-12{font-size: 12px;}
.size-13{font-size: 13px;}
.size-14{font-size: 14px;}
.size-15{font-size: 15px;}
.size-16{font-size: 16px;}
.size-17{font-size: 17px;}
.size-18{font-size: 18px;}
.size-19{font-size: 19px;}
.size-20{font-size: 20px;}
.size-21{font-size: 21px;}
.size-22{font-size: 22px;}
.size-23{font-size: 23px;}
.size-24{font-size: 24px;}
.size-25{font-size: 25px;}
.size-26{font-size: 26px;}
.size-27{font-size: 27px;}
.size-28{font-size: 28px;}
.size-29{font-size: 29px;}
.size-30{font-size: 30px;}
.size-35{font-size: 35px;}
.size-36{font-size: 36px;}
.size-40{font-size: 40px;}
.size-45{font-size: 45px;}
.size-50{font-size: 50px;}
.size-55{font-size: 55px;}
.size-60{font-size: 60px;}
.size-65{font-size: 65px;}
.size-70{font-size: 70px;}

/*responsive*/
.size-01-r{font-size: 1vw;}
.size-02-r{font-size: 2vw;}
.size-03-r{font-size: 3vw;}
.size-04-r{font-size: 4vw;}
.size-05-r{font-size: 5vw;}
.size-06-r{font-size: 6vw;}
.size-07-r{font-size: 7vw;}
.size-08-r{font-size: 8vw;}
.size-09-r{font-size: 9vw;}
.size-10-r{font-size: 10vw;}

@media (min-width: 576px){
    .size-sm-08{font-size: 08px;}
    .size-sm-09{font-size: 09px;}
    .size-sm-10{font-size: 10px;}
    .size-sm-11{font-size: 11px;}
    .size-sm-12{font-size: 12px;}
    .size-sm-13{font-size: 13px;}
    .size-sm-14{font-size: 14px;}
    .size-sm-15{font-size: 15px;}
    .size-sm-16{font-size: 16px;}
    .size-sm-17{font-size: 17px;}
    .size-sm-18{font-size: 18px;}
    .size-sm-19{font-size: 19px;}
    .size-sm-20{font-size: 20px;}
    .size-sm-21{font-size: 21px;}
    .size-sm-22{font-size: 22px;}
    .size-sm-23{font-size: 23px;}
    .size-sm-24{font-size: 24px;}
    .size-sm-25{font-size: 25px;}
    .size-sm-26{font-size: 26px;}
    .size-sm-27{font-size: 27px;}
    .size-sm-28{font-size: 28px;}
    .size-sm-29{font-size: 29px;}
    .size-sm-30{font-size: 30px;}
    .size-sm-35{font-size: 35px;}
    .size-sm-36{font-size: 36px;}
    .size-sm-40{font-size: 40px;}
    .size-sm-45{font-size: 45px;}
    .size-sm-50{font-size: 50px;}
    .size-sm-55{font-size: 55px;}
    .size-sm-60{font-size: 60px;}
    .size-sm-65{font-size: 65px;}
    .size-sm-70{font-size: 70px;}
}

@media (min-width: 768px){
    .size-md-08{font-size: 08px;}
    .size-md-09{font-size: 09px;}
    .size-md-10{font-size: 10px;}
    .size-md-11{font-size: 11px;}
    .size-md-12{font-size: 12px;}
    .size-md-13{font-size: 13px;}
    .size-md-14{font-size: 14px;}
    .size-md-15{font-size: 15px;}
    .size-md-16{font-size: 16px;}
    .size-md-17{font-size: 17px;}
    .size-md-18{font-size: 18px;}
    .size-md-19{font-size: 19px;}
    .size-md-20{font-size: 20px;}
    .size-md-21{font-size: 21px;}
    .size-md-22{font-size: 22px;}
    .size-md-23{font-size: 23px;}
    .size-md-24{font-size: 24px;}
    .size-md-25{font-size: 25px;}
    .size-md-26{font-size: 26px;}
    .size-md-27{font-size: 27px;}
    .size-md-28{font-size: 28px;}
    .size-md-29{font-size: 29px;}
    .size-md-30{font-size: 30px;}
    .size-md-35{font-size: 35px;}
    .size-md-36{font-size: 36px;}
    .size-md-40{font-size: 40px;}
    .size-md-45{font-size: 45px;}
    .size-md-50{font-size: 50px;}
    .size-md-55{font-size: 55px;}
    .size-md-60{font-size: 60px;}
    .size-md-65{font-size: 65px;}
    .size-md-70{font-size: 70px;}
}

@media (min-width: 992px){
    .size-lg-08{font-size: 08px;}
    .size-lg-09{font-size: 09px;}
    .size-lg-10{font-size: 10px;}
    .size-lg-11{font-size: 11px;}
    .size-lg-12{font-size: 12px;}
    .size-lg-13{font-size: 13px;}
    .size-lg-14{font-size: 14px;}
    .size-lg-15{font-size: 15px;}
    .size-lg-16{font-size: 16px;}
    .size-lg-17{font-size: 17px;}
    .size-lg-18{font-size: 18px;}
    .size-lg-19{font-size: 19px;}
    .size-lg-20{font-size: 20px;}
    .size-lg-21{font-size: 21px;}
    .size-lg-22{font-size: 22px;}
    .size-lg-23{font-size: 23px;}
    .size-lg-24{font-size: 24px;}
    .size-lg-25{font-size: 25px;}
    .size-lg-26{font-size: 26px;}
    .size-lg-27{font-size: 27px;}
    .size-lg-28{font-size: 28px;}
    .size-lg-29{font-size: 29px;}
    .size-lg-30{font-size: 30px;}
    .size-lg-35{font-size: 35px;}
    .size-lg-36{font-size: 36px;}
    .size-lg-40{font-size: 40px;}
    .size-lg-45{font-size: 45px;}
    .size-lg-50{font-size: 50px;}
    .size-lg-55{font-size: 55px;}
    .size-lg-60{font-size: 60px;}
    .size-lg-65{font-size: 65px;}
    .size-lg-70{font-size: 70px;}
}

@media (min-width: 1200px){
    .size-xl-08{font-size: 08px;}
    .size-xl-09{font-size: 09px;}
    .size-xl-10{font-size: 10px;}
    .size-xl-11{font-size: 11px;}
    .size-xl-12{font-size: 12px;}
    .size-xl-13{font-size: 13px;}
    .size-xl-14{font-size: 14px;}
    .size-xl-15{font-size: 15px;}
    .size-xl-16{font-size: 16px;}
    .size-xl-17{font-size: 17px;}
    .size-xl-18{font-size: 18px;}
    .size-xl-19{font-size: 19px;}
    .size-xl-20{font-size: 20px;}
    .size-xl-21{font-size: 21px;}
    .size-xl-22{font-size: 22px;}
    .size-xl-23{font-size: 23px;}
    .size-xl-24{font-size: 24px;}
    .size-xl-25{font-size: 25px;}
    .size-xl-26{font-size: 26px;}
    .size-xl-27{font-size: 27px;}
    .size-xl-28{font-size: 28px;}
    .size-xl-29{font-size: 29px;}
    .size-xl-30{font-size: 30px;}
    .size-xl-35{font-size: 35px;}
    .size-xl-36{font-size: 36px;}
    .size-xl-40{font-size: 40px;}
    .size-xl-45{font-size: 45px;}
    .size-xl-50{font-size: 50px;}
    .size-xl-55{font-size: 55px;}
    .size-xl-60{font-size: 60px;}
    .size-xl-65{font-size: 65px;}
    .size-xl-70{font-size: 70px;}
}

@media (min-width: 1400px){
    .size-xxl-08{font-size: 08px;}
    .size-xxl-09{font-size: 09px;}
    .size-xxl-10{font-size: 10px;}
    .size-xxl-11{font-size: 11px;}
    .size-xxl-12{font-size: 12px;}
    .size-xxl-13{font-size: 13px;}
    .size-xxl-14{font-size: 14px;}
    .size-xxl-15{font-size: 15px;}
    .size-xxl-16{font-size: 16px;}
    .size-xxl-17{font-size: 17px;}
    .size-xxl-18{font-size: 18px;}
    .size-xxl-19{font-size: 19px;}
    .size-xxl-20{font-size: 20px;}
    .size-xxl-21{font-size: 21px;}
    .size-xxl-22{font-size: 22px;}
    .size-xxl-23{font-size: 23px;}
    .size-xxl-24{font-size: 24px;}
    .size-xxl-25{font-size: 25px;}
    .size-xxl-26{font-size: 26px;}
    .size-xxl-27{font-size: 27px;}
    .size-xxl-28{font-size: 28px;}
    .size-xxl-29{font-size: 29px;}
    .size-xxl-30{font-size: 30px;}
    .size-xxl-35{font-size: 35px;}
    .size-xxl-36{font-size: 36px;}
    .size-xxl-40{font-size: 40px;}
    .size-xxl-45{font-size: 45px;}
    .size-xxl-47{font-size: 47px;}
    .size-xxl-50{font-size: 50px;}
    .size-xxl-55{font-size: 55px;}
    .size-xxl-60{font-size: 60px;}
    .size-xxl-65{font-size: 65px;}
    .size-xxl-70{font-size: 70px;}
}

.ubuntu{
    font-family: "Ubuntu", sans-serif;
}

.ubuntu-light {
  font-family: "Ubuntu", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.ubuntu-regular {
  font-family: "Ubuntu", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.ubuntu-medium {
  font-family: "Ubuntu", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.ubuntu-bold {
  font-family: "Ubuntu", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.ubuntu-light-italic {
  font-family: "Ubuntu", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.ubuntu-regular-italic {
  font-family: "Ubuntu", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.ubuntu-medium-italic {
  font-family: "Ubuntu", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.ubuntu-bold-italic {
  font-family: "Ubuntu", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.pixelify-sans{
  font-family: "Pixelify Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

body{
  font-family: "Ubuntu", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #fff;
}

.light{
  font-weight: 300;
}

.medium{
  font-weight: 500;
}

.bold{
  font-weight: 700;
}