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

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

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

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

ÿ an??   {
font-family: 'Dancing Script', cursive;
}

.georgia {
font-family : Georgia, Times New Roman, Times, serif;
}

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

.racing {
font-family: 'Racing Sans One', 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;
}


/* WEIGHT */

.bold {
font-weight:bold;
}

.italic {
font-style:italic;
}

.light {
font-weight:lighter;
}


/* 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-019 {
font-size:19px;
}

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

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

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

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

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

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

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

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

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

.font-033 {
font-size:33px;
}

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

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

.font-044 {
font-size:44px;
}

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

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

.font-054 {
font-size:54px;
line-height:50px;
}

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

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

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

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

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

.font-086 {
font-size:86px;
line-height:76px;
}

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

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

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

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

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


/*  FONT HOVERS  */

.font-hover-01 {
color:#274e9b;
transition: 650ms;
}

.font-hover-01 a {
color:#274e9b;
transition: 650ms;
}

.font-hover-01 a:hover {
color:#6c83b2; 
transition: 750ms;
}


/* SPECIAL SIZES */


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


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


/* 1680 x 1050 */
@media only screen and (max-width: 1700px) {


}


/* 1600 x 900 */
@media only screen and (max-width: 1600px) {

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

}


/* 1536 x 864 */
@media only screen and (max-width: 1550px) {

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


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


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

}


/* 1440 x 900 */
@media only screen and (max-width: 1460px) {

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


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


}


/* 1366 x 768 & 1366 x 760 */
@media only screen and (max-width: 1390px) {

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


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


}


/* 1280 x 800 */
@media only screen and (max-width: 1300px) {

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

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

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


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

}


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

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

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

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


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

}


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

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

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

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

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

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

}


/* 1024 x 768 */
@media only screen and (max-width: 1050px) {

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

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

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

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

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

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

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


}


/* 960 x 600 */
@media only screen and (max-width: 980px) {

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

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

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

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

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

}


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

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

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

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


}


/* 800 x 1280 & 768 x 1024 */
@media only screen and (max-width: 810px) { 

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


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

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

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

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

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


}


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

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


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

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


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

.font-100 {
font-size:58px;
line-height:95%;
}


}


/* 600 x 960 */
@media only screen and (max-width: 620px) {

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


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

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


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

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

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

}


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

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

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


.font-100 {
font-size:50px;
line-height:95%;
}

}


/* 480 x 853 */
@media only screen and (max-width: 500px) {

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

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

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

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

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

}


/* 412 x 732 & 414 x 736 (iPhone) */
@media only screen and (max-width: 430px) {

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

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

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

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

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

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

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

}


/* 360 x 740 & 375 x 812 */
@media only screen and (max-width: 380px) {

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


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

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

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

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

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


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

}


/* 320 x 568 */
@media only screen and (max-width: 330px) {

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

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

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


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


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

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

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

}


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

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

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


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

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

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

}