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

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

.kanit {
font-family: 'Kanit', sans-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;
}

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






.font-01 {
font-family: 'Raleway', sans-serif;
font-size:19px;
color:#000000;
font-weight:normal;
text-align:center;
letter-spacing:normal;
text-decoration:none;
line-height:1.40;
margin-top:0px;
margin-bottom:0px;
opacity:0.80;
transition:650ms;
} 

.font-01 a {
color:#000000;
letter-spacing:normal;
text-decoration:none;
opacity:0.80;
transition:650ms;
} 

.font-01 a:hover {
color:#000000;
text-decoration:none;
opacity:1.00;
transition:550ms;
} 


.font-02 {
font-family: 'Raleway', sans-serif;
font-size:16px;
color:#000000;
font-weight:normal;
text-align:center;
letter-spacing:normal;
text-decoration:none;
text-transform:uppercase;
line-height:1.95;
margin-top:5px;
margin-bottom:5px;
opacity:0.65;
transition:650ms;
} 










@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-01 {
font-size:18px;
} 

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


}



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



}




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



}




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

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

}




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



}





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



}




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



}






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

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

}




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



}




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



}




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

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

}





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

.font-01 {
font-size:16px;
line-height:1.35;
} 

}





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

.font-01 {
font-size:17px;
line-height:1.35;
} 

}




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

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

}




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



}




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

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

}




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



}




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



}




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

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

}