.arial {
font-family : arial, helvetica, sans-serif;
}

.bebasneue {
font-family: 'Bebas Neue', cursive;
}

.damion {
font-family: 'Damion', cursive;
}

.nanumgothic {
font-family: 'Nanum Gothic', sans-serif;
}   

.opensans {
font-family: 'Open Sans', sans-serif;
} 

.raleway {
font-family: 'Raleway', sans-serif;
}

.roboto {
font-family: 'Roboto', sans-serif;
}

.robotocondensed {
font-family: 'Roboto Condensed', sans-serif;
}

.sulpurpoint {
font-family: 'Sulphur Point', sans-serif;
}

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

.verdana {
font-family: Verdana, Geneva, sans-serif;
}






/* SIZES */

.font-011 {
font-size:11px;
}

.font-012 {
font-size:12px;
}

.font-014 {
font-size:14px;
}

.font-015 {
font-size:15px;
}

.font-016 {
font-size:16px;
}

.font-017 {
font-size:17px;
}

.font-018 {
font-size:18px;
}

.font-019 {
font-size:19px;
}

.font-020 {
font-size:20px;
}

.font-023 {
font-size:23px;
}

.font-024 {
font-size:24px;
}

.font-025 {
font-size:25px;
}

.font-027 {
font-size:27px;
}

.font-028 {
font-size:28px;
line-height:33px;
}

.font-030 {
font-size:30px;
}

.font-032 {
font-size:32px;
}

.font-035 {
font-size:35px;
}

.font-036 {
font-size:36px;
}

.font-040 {
font-size:40px;
}

.font-045 {
font-size:45px;
}

.font-050 {
font-size:50px;
}

.font-055 {
font-size:55px;
}

.font-060 {
font-size:60px;
}

.font-087 {
font-size:87px;
line-height:90px;
}

.font-100 {
font-size:100px;
line-height:90px;
}

.font-105 {
font-size:105px;
}

.font-110 {
font-size:110px;
}

.font-120 {
font-size:120px;
line-height:90px;
}


}






/* SPECIAL SIZES */


.specialfont-01 {
font-size:160px;
line-height:150px;
}

.specialfont-02 {
font-size:175px;
line-height:165px;
text-shadow: 2px 2px 2px #000000, 0px 0px 2px #000000;
}

.specialfont-03 {
font-size:165px;
line-height:155px;
}

.specialfont-04 {
font-size:125px;
line-height:115px;
}

.specialfont-05 {
font-size:45px;
line-height:15px;
}

.specialfont-06 {
font-size:90px;
line-height:90px;
}

.specialfont-07 {
font-size:12px;
line-height:normal;
}







@media only screen and (max-width: 1800px) {

.specialfont-03 {
font-size:155px;
line-height:145px;
}

.specialfont-04 {
font-size:115px;
line-height:105px;
}

.specialfont-06 {
font-size:85px;
line-height:85px;
}

}




@media only screen and (max-width: 1700px) {

.font-027 {
font-size:26px;
}

.specialfont-03 {
font-size:150px;
line-height:142px;
}

}



@media only screen and (max-width: 1600px) {

.font-023 {
font-size:22px;
}

.font-027 {
font-size:25px;
}

.specialfont-02 {
font-size:150px;
line-height:140px;
}

.specialfont-03 {
font-size:140px;
line-height:130px;
}

.specialfont-04 {
font-size:105px;
line-height:95px;
}

.specialfont-06 {
font-size:80px;
line-height:80px;
}

}



@media only screen and (max-width: 1500px) {

.font-027 {
font-size:25px;
}

.specialfont-02 {
font-size:150px;
line-height:140px;
}

.specialfont-03 {
font-size:135px;
line-height:125px;
}

.specialfont-04 {
font-size:95px;
line-height:85px;
}

.specialfont-06 {
font-size:65px;
line-height:60px;
}

}



@media only screen and (max-width: 1400px) {

.font-027 {
font-size:25px;
}

.font-087 {
font-size:77px;
line-height:80px;
}

.font-100 {
font-size:90px;
line-height:80px;
}


.font-105 {
font-size:87px;
}

.font-110 {
font-size:110px;
}


.font-120 {
font-size:110px;
line-height:80px;
}

.specialfont-02 {
font-size:145px;
line-height:135px;
}

.specialfont-03 {
font-size:125px;
line-height:118px;
}

.specialfont-04 {
font-size:85px;
line-height:75px;
}

.specialfont-06 {
font-size:60px;
line-height:59px;
}

}






@media only screen and (max-width: 1300px) {

.font-023 {
font-size:21px;
}

.font-027 {
font-size:24px;
}

.font-110 {
font-size:105px;
}

.specialfont-01 {
font-size:148px;
line-height:140px;
}

.specialfont-02 {
font-size:135px;
line-height:125px;
}

.specialfont-03 {
font-size:115px;
line-height:105px;
}

.specialfont-04 {
font-size:80px;
line-height:70px;
}

.specialfont-05 {
font-size:40px;
line-height:10px;
}

.specialfont-06 {
font-size:55px;
line-height:52px;
}

}




@media only screen and (max-width: 1200px) {

.font-023 {
font-size:19px;
}

.font-027 {
font-size:24px;
}

.font-035 {
font-size:32px;
}

.font-036 {
font-size:32px;
}

.font-087 {
font-size:72px;
line-height:75px;
}

.font-100 {
font-size:85px;
line-height:75px;
}

.font-105 {
font-size:80px;
}

.font-110 {
font-size:85px;
}

.font-120 {
font-size:105px;
line-height:75px;
}

.specialfont-01 {
font-size:140px;
line-height:130px;
}

.specialfont-02 {
font-size:125px;
line-height:115px;
}

.specialfont-03 {
font-size:110px;
line-height:100px;
}

.specialfont-04 {
font-size:72px;
line-height:63px;
}

.specialfont-05 {
font-size:38px;
line-height:9px;
}

.specialfont-06 {
font-size:50px;
line-height:48px;
}

}




@media only screen and (max-width: 1100px) {

.font-023 {
font-size:18px;
}

.font-027 {
font-size:23px;
}

.font-035 {
font-size:30px;
}

.font-036 {
font-size:30px;
}

.specialfont-01 {
font-size:122px;
line-height:115px;
}

.specialfont-02 {
font-size:115px;
line-height:105px;
}

.specialfont-03 {
font-size:100px;
line-height:90px;
}

.specialfont-04 {
font-size:68px;
line-height:62px;
}

.specialfont-05 {
font-size:35px;
line-height:8px;
}

.specialfont-06 {
font-size:48px;
line-height:46px;
}

}



/* Tablet */



@media only screen and (max-width: 1050px) {

.font-016 {
font-size:15px;
}

.font-017 {
font-size:15px;
}

.font-023 {
font-size:17px;
}

.font-024 {
font-size:22px;
}

.font-027 {
font-size:23px;
}

.font-035 {
font-size:28px;
}

.font-036 {
font-size:28px;
}

.font-087 {
font-size:62px;
line-height:65px;
}

.font-100 {
font-size:75px;
line-height:65px;
}

.font-105 {
font-size:70px;
}

.font-110 {
font-size:75px;
}


.font-120 {
font-size:95px;
line-height:65px;
}

.specialfont-01 {
font-size:118px;
line-height:111px;
}

.specialfont-02 {
font-size:110px;
line-height:101px;
}

.specialfont-04 {
font-size:65px;
line-height:60px;
}

.specialfont-05 {
font-size:32px;
line-height:7px;
}

.specialfont-06 {
font-size:44px;
line-height:43px;
}

}





@media only screen and (max-width: 1000px) {

.font-023 {
font-size:16px;
}

.font-027 {
font-size:22px;
}

.font-035 {
font-size:21px;
}

.font-087 {
font-size:57px;
line-height:60px;
}

.font-100 {
font-size:70px;
line-height:60px;
}

.font-105 {
font-size:67px;
}

.font-110 {
font-size:70px;
}

.font-120 {
font-size:90px;
line-height:60px;
}

.specialfont-01 {
font-size:110px;
line-height:106px;
}

.specialfont-02 {
font-size:100px;
line-height:90px;
}

.specialfont-03 {
font-size:90px;
line-height:80px;
}

.specialfont-04 {
font-size:60px;
line-height:55px;
}

.specialfont-06 {
font-size:43px;
line-height:42px;
}

}






@media only screen and (max-width: 900px) {

.font-014 {
font-size:13px;
}

.font-016 {
font-size:14px;
}

.font-023 {
font-size:14px;
}

.font-024 {
font-size:21px;
}

.font-025 {
font-size:24px;
}

.font-027 {
font-size:19px;
}

.font-035 {
font-size:26px;
}

.font-036 {
font-size:27px;
}

.specialfont-01 {
font-size:98px;
line-height:94px;
}

.specialfont-02 {
font-size:90px;
line-height:75px;
}

.specialfont-03 {
font-size:80px;
line-height:74px;
}

.specialfont-04 {
font-size:56px;
line-height:53px;
}

.specialfont-05 {
font-size:27px;
line-height:7px;
}

.specialfont-06 {
font-size:42px;
line-height:42px;
}

}





@media only screen and (max-width: 800px) {

.font-016 {
font-size:13px;
}

.font-023 {
font-size:13px;
line-height:16px
}

.font-024 {
font-size:20px;
}

.font-025 {
font-size:22px;
}

.font-027 {
font-size:17px;
}

.font-035 {
font-size:24px;
}

.font-036 {
font-size:26px;
}

.font-087 {
font-size:50px;
line-height:53px;
}

.font-100 {
font-size:57px;
line-height:43px;
}

.font-105 {
font-size:55px;
}

.font-110 {
font-size:57px;
}

.font-120 {
font-size:80px;
line-height:50px;
}

.specialfont-01 {
font-size:85px;
line-height:80px;
}

.specialfont-02 {
font-size:85px;
line-height:70px;
}

.specialfont-03 {
font-size:72px;
line-height:67px;
}


.specialfont-04 {
font-size:51px;
line-height:47px;
}

.specialfont-05 {
font-size:25px;
line-height:6px;
}

.specialfont-06 {
font-size:35px;
line-height:34px;
}

}





@media only screen and (max-width: 725px) {

.font-014 {
font-size:12px;
}

.font-016 {
font-size:12px;
}

.font-023 {
font-size:13px;
line-height:15px
}

.font-025 {
font-size:20px;
}

.font-027 {
font-size:16px;
}


.font-035 {
font-size:21px;
}

.font-036 {
font-size:25px;
}

.font-100 {
font-size:55px;
line-height:45px;
}

.specialfont-01 {
font-size:80px;
line-height:77px;
}

.specialfont-02 {
font-size:75px;
line-height:60px;
text-shadow: 1px 1px 1px #000000, 0px 0px 2px #000000;
}

.specialfont-03 {
font-size:65px;
line-height:60px;
}

.specialfont-04 {
font-size:44px;
line-height:40px;
}

.specialfont-05 {
font-size:24px;
line-height:6px;
}

.specialfont-06 {
font-size:35px;
line-height:34px;
}

}





/* Phone */



@media only screen and (max-width: 650px) {

.font-014 {
font-size:15px;
}

.font-016 {
font-size:13px;
}

.font-017 {
font-size:16px;
}

.font-023 {
font-size:13px;
line-height:15px
}

.font-024 {
font-size:28px;
}

.font-025 {
font-size:23px;
}

.font-027 {
font-size:14px;
}

.font-032 {
font-size:30px;
}

.font-035 {
font-size:20px;
}

.font-100 {
font-size:75px;
line-height:65px;
}

.font-105 {
font-size:53px;
}

.font-120 {
font-size:110px;
line-height:80px;
}


.specialfont-01 {
font-size:72px;
line-height:70px;
}

.specialfont-02 {
font-size:68px;
line-height:59px;
}

.specialfont-03 {
font-size:62px;
line-height:57px;
}

.specialfont-04 {
font-size:40px;
line-height:36px;
}

.specialfont-06 {
font-size:36px;
line-height:35px;
}

}



@media only screen and (max-width: 600px) {

.font-014 {
font-size:15px;
}

.font-016 {
font-size:14px;
}

.font-017 {
font-size:15px;
}

.font-023 {
font-size:12px;
line-height:15px
}

.font-024 {
font-size:27px;
}

.font-025 {
font-size:25px;
}

.font-032 {
font-size:32px;
}

.font-035 {
font-size:19px;
}

.font-036 {
font-size:24px;
}

.font-100 {
font-size:70px;
line-height:60px;
}

.font-120 {
font-size:100px;
line-height:70px;
}

.specialfont-01 {
font-size:66px;
line-height:64px;
}

.specialfont-02 {
font-size:60px;
line-height:53px;
}

.specialfont-03 {
font-size:55px;
line-height:50px;
}

.specialfont-04 {
font-size:37px;
line-height:34px;
}

.specialfont-05 {
font-size:20px;
line-height:5px;
}

.specialfont-06 {
font-size:32px;
line-height:31px;
}


}




@media only screen and (max-width: 550px) {

.font-014 {
font-size:15px;
}

.font-016 {
font-size:14px;
}

.font-017 {
font-size:14px;
}

.font-023 {
font-size:12px;
line-height:14px
}


.font-024 {
font-size:27px;
}

.font-032 {
font-size:32px;
}

.font-035 {
font-size:17px;
}


.font-036 {
font-size:21px;
}

.font-100 {
font-size:60px;
line-height:47px;
}

.font-120 {
font-size:90px;
line-height:60px;
}

.specialfont-01 {
font-size:60px;
line-height:59px;
}

.specialfont-02 {
font-size:55px;
line-height:47px;
}

.specialfont-03 {
font-size:48px;
line-height:45px;
}

.specialfont-04 {
font-size:32px;
line-height:29px;
}

.specialfont-05 {
font-size:19px;
line-height:5px;
}

.specialfont-06 {
font-size:28px;
line-height:27px;
}

}





@media only screen and (max-width: 500px) {

.font-014 {
font-size:14px;
}

.font-016 {
font-size:15px;
}

.font-023 {
font-size:12px;
line-height:14px
}

.font-024 {
font-size:25px;
}

.font-025 {
font-size:22px;
}

.font-027 {
font-size:13px;
}


.font-032 {
font-size:32px;
}

.font-035 {
font-size:16px;
}

.font-036 {
font-size:19px;
}

.font-087 {
font-size:40px;
line-height:40px;
}

.font-100 {
font-size:55px;
line-height:45px;
}

.font-120 {
font-size:85px;
line-height:55px;
}

.specialfont-01 {
font-size:52px;
line-height:51px;
}

.specialfont-02 {
font-size:48px;
line-height:40px;
}

.specialfont-03 {
font-size:41px;
line-height:38px;
}

.specialfont-04 {
font-size:33px;
line-height:33px;
}

.specialfont-05 {
font-size:18px;
line-height:4px;
}

.specialfont-06 {
font-size:25px;
line-height:24px;
}

}





@media only screen and (max-width: 425px) {

.font-016 {
font-size:14px;
}

.font-032 {
font-size:32px;
}

.font-035 {
font-size:14px;
}

.font-036 {
font-size:26px;
}

.font-087 {
font-size:38px;
line-height:37px;
}

.font-100 {
font-size:45px;
line-height:35px;
}

.font-110 {
font-size:55px;
line-height:55px;
}

.font-120 {
font-size:65px;
line-height:35px;
}

.specialfont-01 {
font-size:43px;
line-height:44px;
}

.specialfont-02 {
font-size:40px;
line-height:35px;
}

.specialfont-03 {
font-size:35px;
line-height:32px;
}

.specialfont-04 {
font-size:31px;
line-height:30px;
}

.specialfont-05 {
font-size:16px;
line-height:4px;
}

.specialfont-06 {
font-size:22px;
line-height:21px;
}

}





@media only screen and (max-width: 375px) {

.font-025 {
font-size:19px;
}

.font-032 {
font-size:32px;
}

.font-035 {
font-size:13px;
}

.font-036 {
font-size:20px;
}

.font-100 {
font-size:42px;
line-height:32px;
}

.font-120 {
font-size:62px;
line-height:32px;
}


.specialfont-01 {
font-size:38px;
line-height:39px;
}

.specialfont-02 {
font-size:40px;
line-height:35px;
}


.specialfont-03 {
font-size:32px;
line-height:29px;
}

.specialfont-04 {
font-size:28px;
line-height:27px;
}

.specialfont-05 {
font-size:14px;
line-height:3px;
}

.specialfont-06 {
font-size:20px;
line-height:20px;
}

}





@media only screen and (max-width: 325px) {

.font-025 {
font-size:18px;
}

.font-032 {
font-size:32px;
}

.font-035 {
font-size:12px;
}

.font-036 {
font-size:19px;
}

.font-100 {
font-size:40px;
line-height:30px;
}

.font-120 {
font-size:60px;
line-height:30px;
}

.specialfont-01 {
font-size:33px;
line-height:33px;
}

.specialfont-02 {
font-size:35px;
line-height:29px;
}

.specialfont-03 {
font-size:28px;
line-height:25px;
}

.specialfont-04 {
font-size:25px;
line-height:23px;
}

.specialfont-05 {
font-size:13px;
line-height:2px;
}

.specialfont-06 {
font-size:19px;
line-height:19px;
}

}