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

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

.courgette {
font-family: 'Courgette', cursive;
}

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

.dancing {
font-family: 'Dancing Script', cursive;
}

.kaushan {
font-family: 'Kaushan Script', cursive;
}

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

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

.pacifico {
font-family: 'Pacifico', cursive;
}

.pinyon {
font-family: 'Pinyon Script', cursive;
}

.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;
}

.tangerine {
font-family: 'Tangerine', cursive;
}

.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-016 {
font-size:16px;
}

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

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

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

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

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


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

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

.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-065 {
font-size:65px;
}





/* SPECIAL SIZES */


.specialfont-01 {
font-size:135px;
}

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

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

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

.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) {



}




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



}



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

.specialfont-01 {
font-size:120px;
}

.specialfont-02 {
font-size:58px;
line-height:64px;
}

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

}



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

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


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

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

}



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


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

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

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

}






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



}




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

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

.specialfont-01 {
font-size:95px;
}

.specialfont-02 {
font-size:43px;
line-height:51px;
}



}




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

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

.specialfont-01 {
font-size:90px;
}


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

}



/* Tablet */



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

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

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

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

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


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

.specialfont-02 {
font-size:36px;
line-height:45px;
}

}





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

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

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

}






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

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

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

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

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

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

.specialfont-01 {
font-size:69px;
}


.specialfont-02 {
font-size:30px;
line-height:38px;
}

}





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

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

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

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

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

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

.specialfont-02 {
font-size:28px;
line-height:32px;
}

}





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

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

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

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

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

.specialfont-01 {
font-size:55px;
}


.specialfont-02 {
font-size:25px;
line-height:30px;
}

}





/* Phone */



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

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

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

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

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

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

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

.specialfont-01 {
font-size:53px;
}

.specialfont-02 {
font-size:22px;
line-height:26px;
}

}



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

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

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

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

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

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

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

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

.specialfont-01 {
font-size:45px;
}

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


}




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

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

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

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

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

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

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

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

.specialfont-01 {
font-size:40px;
}

.specialfont-02 {
font-size:17px;
line-height:23px;
}

}





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

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

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

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

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

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

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

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

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

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

}





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

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

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

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

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

.specialfont-01 {
font-size:35px;
}

.specialfont-02 {
font-size:14px;
line-height:15px;
}

}





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

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

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

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

.specialfont-01 {
font-size:32px;
}

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

}





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

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

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

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

.specialfont-01 {
font-size:28px;
}

.specialfont-02 {
font-size:14px;
line-height:17px;
}

}