@charset "utf-8";
 

 
 html, body, p, th, td, li, dd, dt {font-family: 'Roboto', sans-serif; font-size: 14px;}
 h1, h2, h3, h4, h5 { font-family: 'Roboto', sans-serif; }
 
 h1 { font-size: 36px; color:#000000 font-weight: 700;}
 h2 { font-size: 24px; color:#333333 font-weight: 700;}
 h3 { font-size: 18px; color:#000000 font-weight: 700;}
 h4 { font-size: 12px; color:#a0a0a0 font-weight: 400;}
 

 a:link {text-decoration: none; color: #333333; }
 a:visited {text-decoration: none; color: #333333; }
 a:hover {text-decoration: none; color: #27a7d1; }
 a:active {text-decoration: none; color: #333333; }
 
 a2:link {text-decoration: none; color: #9b9b9b; }
 a2:visited {text-decoration: none; color: #9b9b9b; }
 a2:hover {text-decoration: none; color: #ffffff; }
 a2:active {text-decoration: none; color: #9b9b9b; }
 
 .img-hover:hover {filter: grayscale(.53)brightness(.9);}
.img-hover {transition: filter .3s ease;}

 .img-hover2:hover {filter: grayscale(.1)brightness(1.2);}
.img-hover2 {transition: filter .3s ease;}

.btn-hover {transition: filter .3s ease}
.btn-hover:hover {filter: brightness(1.1);}