h2 {

          font-size: 1.2rem;

        }

        h4 {

          font-size: 1.2rem;

        }

        h5 {

          font-size: 0.9rem;

        }

        h6 {

          font-size: 0.8rem;

        }

        .h7 {

          font-size: 0.6rem;

        }

        .h8 {

          font-size: 0.4rem;

        }



        #tablascampeonato .nav-link {

          color: #B01117 !important;

        }

        #tablascampeonato .active {

          color: #000!important;

        }

        #tablascampeonato{

          border: none;

          font-size: .6rem;

        }

        #tablascampeonatoN .nav-link {

          color: #B01117 !important;

        }

        #tablascampeonatoN .active {

          color: #000!important;

        }

        #tablascampeonatoN{

          border: none;

          font-size: .7rem;

        }



        #tablascampeonatoC .nav-link {

          color: #B01117 !important;

        }

        #tablascampeonatoC .active {

          color: #000!important;

        }

        #tablascampeonatoC{

          font-size: .7rem;

        }





        .card-body{

            padding: 10px 0;

        }



        @media (min-width: 576px) {

          h2 {

            font-size: 0.9rem;

          }

          h4 {

            font-size: 0.9rem;

          }

          h5 {

            font-size: 0.9rem;

          }

          h6 {

            font-size: 0.9rem;

          }

        }



        @media (min-width: 768px) {

            h2 {

              font-size: 1.7rem;

            }

            h4 {

              font-size: 1rem;

            }

            h5 {

              font-size: 1rem;

            }

            h6 {

              font-size: 0.8rem;

            }

        }



        @media (min-width: 992px) {

          h2 {

            font-size: 2.3rem;

          }

          h4 {

            font-size: 1.2rem;

          }

          h5 {

            font-size: 1rem;

          }

          h6 {

            font-size: 0.8rem;

          }

        }



        @media (min-width: 1200px) {

            h2 {

              font-size: 2.3rem;

            }

            h4 {

              font-size: 1.2rem;

            }

            h5 {

              font-size: 1rem;

            }

            h6 {

              font-size: 0.8rem;

            }

        }



        .cabecerahome{

            background-color: #111111;

        }

        .noticiashome{

            /*background-color: #f2f2f2;*/

        }



        .linkscustom a{

            cursor: pointer;

            text-decoration: none;

        }

        .linkscustom a:hover{

            border-bottom: 1px solid rgba(255, 255, 255, 0.1);

        }

        .linkscustomdark a{

            cursor: pointer;

            text-decoration: none;

            color: #111;

        }

        .linkscustomdark a:hover{

            border-bottom: 1px solid rgba(0, 0, 0, 0.1);

            color: #000;

        }







        .bricklayer-column{

            padding: 0;

        }

        /* column styling and inital positioning while JS is loading, or fallback when JS fails */

        .column {

          display: block;

          width: 100%;

          margin: 0;

          padding: 5px 0;



          .nojs &{

            @media(min-width: 480px) {

              width: 50%;

            }

            @media(min-width:980px) {

              width: 33.333%;

            }

          }

        }



        .text-center {

          text-align: center;

          button.more {

            border: none;

            display: inline-block;

            margin: 15px;

            padding: 10px 15px;

            background: #01579B;

            color: white;

            cursor: pointer;

          }

        }



        /* basic bricklayer container styles */

        .bricklayer {

          width: 100%;

          margin: 0 auto;

          display: flex;

          align-items: flex-start;

          justify-content: center;

          flex-wrap: wrap;

        }



        /* bricklayer classes - needed for the JS */

        .bricklayer-column-sizer {

          width: 100%;

          display: none;

        }



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

          .bricklayer-column-sizer {

            width: 50%;

          }

        }



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

          .bricklayer-column-sizer {

            width: 33.3333%;

          }

        }



        .bricklayer-column {

          flex: 1;

        }



        .nav-link{

            color: #EEEEEE!important;

        }



        .main-menu{

            position: fixed;

            padding-top: 100px!important;

            top: 0;

            left: 0;

            z-index: 9;

            background-color: rgba(0, 0, 0, 0.9);

            text-align: center;

            width: 100%;

            font-size: 1.5em;

        }



        .dropdown-menu {

           background-color: transparent;

           text-align: center;

           font-size: 0.8em;

           color: #fff;

        }

        .dropdown-item:hover{

            background-color: #111;

        }



        .ms-fixed-bottom{

            left: 0;

            right: 0;

            width: 100%;

            padding: 1rem;

            margin: 0 auto;

            background-color: rgba(0, 0, 0, 0.9);

        }



        /* Small devices (landscape phones, 576px and up)*/

        @media (min-width: 576px) {

            .main-menu{

                padding-top: 5px!important;

            }

            .dropdown-menu {

               background-color: #111;

               color: #fff;

               text-align: left;

            }

        }



        /* Medium devices (tablets, 768px and up)*/

        @media (min-width: 768px) {

            .main-menu{

                position: relative;

                padding-top: 0!important;

                padding-top: initial;

                top: 0;

                left: 0;

                z-index: 9;

                background-color: transparent;

                text-align: center;

                width: 100%;

                font-size: initial;

            }

            .container-fluid .container{

                max-width: 100%;

                width: 100%;

            }

        }



        /* Large devices (desktops, 992px and up)*/

        @media (min-width: 992px) {

            .main-menu{

                position: relative;

                padding-top: 0;

                padding-top: initial;

                top: 0;

                left: 0;

                z-index: 9;

                background-color: transparent;

                text-align: center;

                width: 100%;

                font-size: initial;

            }

            .container-fluid .container{

                max-width: auto;

                width: 100%;

            }

        }



        /* Extra large devices (large desktops, 1200px and up)*/

        @media (min-width: 1200px) {

            .main-menu{

                position: relative;

                padding-top: 0!important;

                padding-top: initial;

                top: 0;

                left: 0;

                z-index: 9;

                background-color: transparent;

                text-align: center;

                width: 100%;

                font-size: initial;

            }

            .container-fluid .container{

                max-width: 1140px;

            }

        }





        #partidoModal .modal-dialog{

              overflow-y: initial !important

        }

        #partidoModal .modal-body{

          max-height: 400px;

          overflow-y: auto;

        }



        .impactFont{

            font-family: Impact, Charcoal, sans-serif;

        }



        .georgiaFont{

            font-family: Georgia, serif;

        }



        .arialFont{

            font-family: Arial, Helvetica, sans-serif;

        }



        .order-2{

            background-color: #eee;

        }

        .bg-danger {

          background-color: #221C35!important;
          /*background-color: #020304!important;*/

        }


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

          .bg-danger {

              background-color: #FF5E00!important;
              /*background-color: #020304!important;*/

          }

        }


        .text-danger {

            color: #221C35!important;

        }



        body{

            background-color: #1e1e1e;
            font-family: 'goodTimesRg', sans-serif;

        }





        /*cancha*/

        .sCamiseta{

            background-repeat: no-repeat;

            background-size: 25px 25px;

            background-position: center;

            width: 25px;

            height: 25px;

            padding-top: 6px;

            color: #fff;

            margin: 0 auto;

            text-shadow: 0px 4px 5px #000;

        }

        .invierteColor{

            mix-blend-mode: difference;

        }

        .nombreJugador{

            text-shadow: 1px 1px 2px #000;

            width: max-content;

            left: 50%;

            transform: translateX(-50%) translateY(-50%);

            top: 33px;

        }

        .posabsolute{

            position: absolute;

        }

        .iconpelota{

            top: 12px;

        }

        .iconpelota>img{

            height: 10px;

            }

        .iconcambio{

            top: -5px;

        }

        .iconcambio>img{

            height: 10px;

            }

        .iconsancion{

            top: -4px;

            margin-left: -23px;

        }

        .iconsancion>img{

            height: 12px;

            }

        .divicono{

            position: absolute;



            width: max-content;

            }