@charset "utf-8";
/* CSS Document */

.textshadow{text-shadow: 0.05em 0.05em #000;}

.white, .white a{color: #FFF;text-decoration: none;}
.black, .black a{color: #000;}
.black:hover{color: #000;}
.gray{color: #333;}
.graylink{color: #ccc;}
.graylink:hover{text-decoration: underline;}
.red{color:#ff0606;}
.redlink{color:#000;}
.redlink:hover{color:#aa001c;}

.font12{font-size: 12px;}
.font14{font-size: 14px;}
.font16{font-size: 16px;}
.font18{font-size: 18px;}
.font24{font-size: 24px;}
.font30{font-size: 30px;}

@media screen and (max-width: 767px){
.font16{font-size: 14px;}
.font18{font-size: 16px;}
.font24{font-size: 20px;}
.font30{font-size: 24px;}

}

@media screen and (min-width: 768px){
.font16{font-size: 16px;}
.font18{font-size: 18px;}
.font24{font-size: 22px;}
.font30{font-size: 26px;}

}

@media screen and (min-width: 992px){
.font16{font-size: 16px;}
.font18{font-size: 18px;}
.font24{font-size: 24px;}
.font30{font-size: 30px;}

}

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

}