body{font-family: 'Barlow Semi Condensed', sans-serif;color: #001453; background-color: #f8f8f8;}
.bg-header{background:#001453;}
.bg-hero{background:url('../img/hero-mobile.jpg') no-repeat top center; background-size:contain; min-height:565px}
.bg-curve {background:url('../img/curve-mobile.svg') no-repeat top center; width:100%;background-size:cover; min-height:320px; padding-top: 80px; padding-bottom:20px;}
/*countdown*/
  .countdown.show .running {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: wrap;
      flex-flow: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.navbar{min-height: 5rem;}
.logo {
    height: 100px;
}
.logo-center {
    margin: 0px auto;
    display: block;
    width: fit-content;
}
.logo-absolute{position:absolute; top:6px;margin-left: -50px;}
.countdown.show .running timer {
  font-size: 53px;
  font-weight: 800;
  font-family: 'Barlow Semi Condensed', sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1;
  color: #fff;
}

.countdown.show .running timer .days,
.countdown.show .running timer .hours,
.countdown.show .running timer .minutes,
.countdown.show .running timer .seconds{
  width: 130px;
  text-align: center;
  margin: 0 15px;
  background:#5e0e2b;
  border-radius:150px;
  -webkit-border-radius: 150px;
-moz-border-radius: 150px;
  height:130px;
  line-height:110px;
  outline: 10px solid rgba(255,255,255,0.15);
}
.countdown.show .running .labels{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  margin-top:-44px;
  color:#fff;
  font-weight:bold;
}

.countdown.show .running .labels span{
  width: 130px;
  text-align: center;
  margin: 0px 15px;
}
.box-white{
    border-radius: 10px;
    background-color: #ffffff;
    box-shadow: 1px 1px 5px #eaeaea;
	overflow:hidden;
}
.qatar{
	background:url('../img/qatar-2022.png') no-repeat;
	text-indent: -5000px;
    width: 100%;
    height: 219px;
    background-size: contain;
}
.clasificadas img{
	width: 60px;
    height: auto;
}
.clasificadas .card{width:100px; height:120px}

.card img {
  border: 1px solid black;
  width: 60px;
  height: 40px;
}

@media (max-width: 320px) {
  .running{transform:scale(0.45)}
  .qatar {max-width:280px; height: 150px;}
  .star {font-size:14px}
  .clasificadas .card {
    width: 82px;
  }
}

@media (min-width: 321px) and (max-width:767px) {
	.running{transform:scale(0.55); transform-origin: center;}
	.qatar {max-width:280px;height: 150px;}
	.star {font-size:14px}
}


@media (min-width: 501px) and (max-width:767px) {
	.bg-curve{padding-top: 120px;}
}



.countdown.show .running .text{
  font-size: 20px;
  margin-top: 12px;
  font-weight: 600;
}



.countdown.show .running .break{
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  height: 0;
}

.countdown.show .ended{
  display: none;
  -ms-flex-flow: wrap;
      flex-flow: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.countdown.show .ended .text{
  font-size: 20px;
}

.countdown.show .ended .break{
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  height: 0;
}
/*end countdown*/
.row-banners {max-width:728px;}
.bg-stadium{background:url('../img/bg-stadium-mobile.jpg') no-repeat top center; background-size:cover; height:578px }
.bg-stadium .h1{font-weight:bold}
.bg-bordeaux{background:rgba(0,20,83,0.75)}
.bg-blue{background:#001453!important}
@media (min-width: 768px) {
.bg-hero{background:url('../img/hero.jpg') no-repeat top center; background-size:cover; min-height:671px;}
.bg-curve {background:url('../img/curve.svg') no-repeat top center; width:100%;background-size:cover; min-height:320px; padding-top: 40px; padding-bottom:0px}
.bg-stadium{background:url('../img/bg-stadium.jpg') no-repeat top center; background-size:cover; height:220px }
}

@media (min-width: 992px){
.logo {
    height: 130px;
}
.logo-absolute{margin-left: -65px;top:0}
}
@media (min-width: 768px) and (max-width:1023px) {
	.running{transform:scale(0.70); transform-origin: center;}
	.qatar { margin-top: 32px;}
	.star {font-size:14px}
	.bg-curve{padding-top:90px; min-height:320px}
}