.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:35%;}







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







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















  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:20px 0px;}















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







  .tl2{font-family:"Arial";color:#f02b30;font-size:23px;font-weight:bold;padding:0px 10px;}



  



  .maint{font-family:"Arial";color:#00a3d2;font-size:30px;font-weight:bold;padding:0px 10px;}


.cntr{width:40%;}
  
.sign{font-size:35px;float:right;margin-right:15%;font-family:"Alex Brush";color:black;font-weight:bold;}


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

.sign{font-size:35px;float:right;margin-right:15%;font-family:"Alex Brush";color:black;font-weight:bold;}

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

.cntr{width:40%;}

  }

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

.sign{font-size:35px;float:right;margin-right:15%;font-family:"Alex Brush";color:black;font-weight:bold;}

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

.cntr{width:40%;}

  }

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

.sign{font-size:35px;float:right;margin-right:15%;font-family:"Alex Brush";color:black;font-weight:bold;}

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

.cntr{width:40%;}

  }



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


.cntr{width:40%;}

    
.sign{font-size:30px;float:right;font-family:"Alex Brush";color:black;font-weight:bold;}


  .maint{font-family:"Arial";color:#00a3d2;font-size:25px;font-weight:bold;padding:0px 10px;}







  .tl2{font-family:"Arial";color:#f02b30;font-size:20px;font-weight:bold;padding:0px 10px;}







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















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















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















  .mg{margin-bottom:100px;}















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







  .list-mg0{margin-left:10%;}







  .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){



.sign{font-size:30px;float:right;font-family:"Alex Brush";color:black;font-weight:bold;}




.cntr{width:35%;}






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







  .list-mg0{margin-left:10%;}







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















  }