.mgav{filter:brightness(100%);transition-duration:0.5s;}
.mgav:hover{filter:brightness(200%);transition-duration:0.5s;}

.pdf{font-weight:bold;color:#f02b30;font-size:20px;opacity:1;transition-duration:0.5s;}          



  .pdf:hover{font-weight:bold;color:#f02b30;font-size:20px;opacity:0.5;transition-duration:0.5s;}



  .fb{font-size:30px;margin:-12px 0 -5px 0;color:white;transition-duration:0.5s;}



  .fb:hover{font-size:30px;margin:-12px 0 -5px 0;color:#80d4ff;transition-duration:0.5s;}



  .fb-act{font-size:35px;margin:-12px 0 -5px 0;color:#3b5998;transition-duration:0.5s;}



  .fb-act:hover{font-size:35px;margin:-12px 0 -5px 0;color:#1877f2;transition-duration:0.5s;}



  .ig-act{font-size:35px;margin:-12px 0 -5px 0;color:#c32aa3;transition-duration:0.5s;}



  .ig-act:hover{font-size:35px;margin:-12px 0 -5px 0;color:#c32aa3;opacity:0.7;transition-duration:0.5s;}



  .menu,.bars{font-weight:bold;font-size:16px;color:white;font-family:"Arial";transition-duration:0.5s;}



  .menu:hover,.bars:hover,.m-sel,.m-sel:hover{font-weight:bold;font-size:16px;color:#80d4ff;font-family:"Arial";transition-duration:0.5s;}



  .bars{font-weight:bold;font-size:18px;color:white;transition-duration:0.5s;}



  .bars:hover{font-weight:bold;font-size:18px;color:#80d4ff;transition-duration:0.5s;}



  .crd{font-family:"Arial";color:white;font-weight:bold;font-size:18px;}



  .crd-l{font-family:"Arial";color:#80d4ff;font-weight:bold;font-size:18px;transition-duration:0.5s;}



  .crd-l:hover{font-family:"Arial";color:white;font-weight:bold;font-size:18px;transition-duration:0.5s;}



  .ttl{font-weight:bold;font-family:"Arial";font-size:50px;color:white;}



  .mg{margin-bottom:300px;}



  .list-mg{margin-left:40%;}



  .list-mg2{margin-left:5%;}



  h2,h3{font-weight:bold;font-family:"Arial";color:#f02b30;}



  .txt{font-family:"Arial";color:#0073c6;font-size:20px;padding:0px 10px;}



  .link{font-family:"Arial";color:#00a3d2;font-weight:bold;font-size:20px;transition-duration:0.5s;padding:0px 10px;}



  .link:hover{font-family:"Arial";color:#0073c6;font-weight:bold;font-size:20px;transition-duration:0.5s;padding:0px 10px;}



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



  .txt{font-family:"Arial";color:#0073c6;font-size:15px;padding:0px 10px;}



  .link{font-family:"Arial";color:#00a3d2;font-weight:bold;font-size:15px;transition-duration:0.5s;padding:0px 10px;}



  .link:hover{font-family:"Arial";color:#0073c6;font-weight:bold;font-size:15px;transition-duration:0.5s;padding:0px 10px;}



  .mg{margin-bottom:100px;}



  .list-mg{margin-left:25%;}



  .list-mg2{margin-left:5%;}    



  .ttl{font-weight:bold;font-family:"Arial";font-size:35px;color:white;}



  .crd{font-family:"Arial";color:white;font-weight:bold;font-size:16px;}



  .crd-l{font-family:"Arial";color:#80d4ff;font-weight:bold;font-size:16px;transition-duration:0.5s;}



  .crd-l:hover{font-family:"Arial";color:white;font-weight:bold;font-size:16px;transition-duration:0.5s;}



  .fb{font-size:25px;margin:-7px 0 -2px 0;color:white;transition-duration:0.5s;}



  .fb:hover{font-size:25px;margin:-7px 0 -2px 0;color:#80d4ff;transition-duration:0.5s;}



  .fb-act{font-size:35px;margin:-7px 0 -2px 0;color:#3b5998;transition-duration:0.5s;}



  .fb-act:hover{font-size:35px;margin:-7px 0 -2px 0;color:#1877f2;transition-duration:0.5s;}



  .ig-act{font-size:35px;margin:-7px 0 -2px 0;color:#c32aa3;transition-duration:0.5s;}



  .ig-act:hover{font-size:35px;margin:-7px 0 -2px 0;color:#c32aa3;opacity:0.7;transition-duration:0.5s;}  



  .menu{font-weight:bold;font-size:16px;color:white;font-family:"Arial";transition-duration:0.5s;}



  .menu:hover,.m-sel,.m-sel:hover{font-weight:bold;font-size:16px;background-color:#80d4ff;color:#0073c6;font-family:"Arial";transition-duration:0.5s;}



  }



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



  .list-mg{margin-left:25%;}



  .list-mg2{margin-left:5%;} 



  .fb{font-size:25px;margin:-5px 0 -25px 0;color:white;transition-duration:0.5s;}



  .fb:hover{font-size:25px;margin:-5px 0 -25px 0;color:#80d4ff;transition-duration:0.5s;}



  .fb-act{font-size:35px;margin:-5px 0 -2px 0;color:#3b5998;transition-duration:0.5s;}



  .fb-act:hover{font-size:35px;margin:-5px 0 -2px 0;color:#1877f2;transition-duration:0.5s;}



  .ig-act{font-size:35px;margin:-5px 0 -2px 0;color:#c32aa3;transition-duration:0.5s;}



  .ig-act:hover{font-size:35px;margin:-5px 0 -2px 0;color:#c32aa3;opacity:0.7;transition-duration:0.5s;}



  }