body{
    font-size: 100%;
    color: #fff;
}
.font_note{
    font-size: 0.8125em;
    line-height: 1.2;
}
@media screen and (max-width: 480px){
    .button, p{font-size: 1em;}
    .title{font-size: 1.25em;}
}
@media screen and (min-width: 481px){
    .button, p{font-size: 1.25em;}
    .title{font-size: 1.625em;}
}
@media screen and (min-width: 600px){
    .button, p{font-size: 1.375em;}
    .title{font-size: 1.75em;}
}
@media screen and (min-width: 768px){
    .button, p{font-size: 1.5em;}
    .title{font-size: 2em;}
}
.title, .button, p{
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}
h6{
    font-weight: lighter;
    margin: 0;
}
/************************* Font Color **********************************/
.font_white{
    color: #fff;
}
.font_black{
    color: #000;
}
.font_bg_white{background: rgba(255,255,255,.5);}
.font_bg_black{background: rgba(0,0,0,.4);}