@media (max-width: 576px) {
  #countdown {
    width: 300px;
  }
  
  .page img {
    width: 220px;
    }
    
    .page {
    left: 64%;
        
    }
    
    .sizeInmobile{
    max-width: 814px !important;
    width: 150% !important;
    }
    
    .position p{
    font-size: 0.8rem;
    }
    
    .dontshow{
        display:none;
    }
    
    .dark-button {
    padding: 0.5em 1em !important;
    font-size:1.7em !important;
    }
    
    footer ul{
        padding:0px;
    }
    
    .section4 {
    background-size: 200%;
    background-repeat:repeat;
}
    
        .top-banner{
            text-align:center;
            
                overflow: hidden;
    position: relative;
        }
        
        .top-banner img{
                margin: 34px 0px;
                width: 150px;
        }
    
    
    .top-banner p{
        text-align:center;
    }
    
    .banner-video {
    width: 250% !important;
    padding: 0px !important;
    max-width: fit-content !important;
}
    
    .top-banner h1 {
    margin-top: 106px;
    text-align: center;
}


  #countdown #tiles > span {
    width: 50px;
    max-width: 92px;
    font: bold 30px 'Droid Sans', Arial, sans-serif;
    border-radius: 3px;
    -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.7);
            box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.7);
    margin: 0 7px;
    padding: 10px 0;
    display: inline-block;
    position: relative;
  }
  #countdown .labels li {
    width: 50px;
    font: bold 10px 'Droid Sans', Arial, sans-serif;
  }
  #weekend > div > div > div > div:nth-child(4) > div {
    display: block !important;
  }
  nav {
    position: absolute !important;
  }
  div.top-banner.d-flex.align-items-center > div > div.row.mx-5-xl > div.col-lg-4.aos-init.aos-animate > img {
    float: none !important;
  }
  .top-banner {
    height: auto;
  }
  .fixture-img div:nth-child(3) p {
    left: 16%;
    top: 1471px;
  }
  .fixture-img div:nth-child(2) p {
    left: 19%;
    top: 933px;
  }
  .fixture-img div:nth-child(1) p {
    left: 17%;
  }
  footer {
    text-align: center;
  }
  footer > div > div > div.col-lg-10 > div > div:nth-child(5) {
    text-align: center;
    margin-bottom: 20px;
  }
  footer > div > div > div.col-lg-10 > div > div.col-lg-6.d-flex.justify-content-md-end {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  footer > div > div > div.col-lg-2 {
    text-align: center;
    margin-top: 20px;
  }
}
/*# sourceMappingURL=responsive.css.map */