@font-face {
 font-family: KelloggsSansLight;
 src: url(../fonts/KelloggsSans-Light.eot);
 src: url(../fonts/KelloggsSans-Light.eot?#iefix) format("embedded-opentype"),
      url(../fonts/KelloggsSans-Light.woff) format("woff"),
      url(../fonts/KelloggsSans-Light.ttf) format("truetype"),
      url(../fonts/KelloggsSans-Light.svg) format("svg");
 font-weight: 400;
 font-style: normal
}
@font-face {
 font-family: KelloggsSansLightItalic;
 src: url(../fonts/KelloggsSans-LightItalic.eot);
 src: url(../fonts/KelloggsSans-LightItalic.eot?#iefix) format("embedded-opentype"),
      url(../fonts/KelloggsSans-LightItalic.woff) format("woff"),
      url(../fonts/KelloggsSans-LightItalic.ttf) format("truetype"),
      url(../fonts/KelloggsSans-LightItalic.svg) format("svg");
 font-weight: 400;
 font-style: normal
}
@font-face {
 font-family: KelloggsSansRegular;
 src: url(../fonts/KelloggsSans-Regular.eot);
 src: url(../fonts/KelloggsSans-Regular.eot?#iefix) format("embedded-opentype"),
      url(../fonts/KelloggsSans-Regular.woff) format("woff"),
      url(../fonts/KelloggsSans-Regular.ttf) format("truetype"),
      url(../fonts/KelloggsSans-Regular.svg) format("svg");
 font-weight: 400;
 font-style: normal
}
@font-face {
 font-family: KelloggsSansItalic;
 src: url(../fonts/KelloggsSans-Italic.eot);
 src: url(../fonts/KelloggsSans-Italic.eot?#iefix) format("embedded-opentype"),
      url(../fonts/KelloggsSans-Italic.woff) format("woff"),
      url(../fonts/KelloggsSans-Italic.ttf) format("truetype"),
      url(../fonts/KelloggsSans-Italic.svg) format("svg");
 font-weight: 400;
 font-style: normal
}
@font-face {
 font-family: KelloggsSansMedium;
 src: url(../fonts/KelloggsSans-Medium.eot);
 src: url(../fonts/KelloggsSans-Medium.eot?#iefix) format("embedded-opentype"),
      url(../fonts/KelloggsSans-Medium.woff) format("woff"),
      url(../fonts/KelloggsSans-Medium.ttf) format("truetype"),
      url(../fonts/KelloggsSans-Medium.svg) format("svg");
 font-weight: 400;
 font-style: normal
}
@font-face {
 font-family: KelloggsSansMediumItalic;
 src: url(../fonts/KelloggsSans-MediumItalic.eot);
 src: url(../fonts/KelloggsSans-MediumItalic.eot?#iefix) format("embedded-opentype"),
      url(../fonts/KelloggsSans-MediumItalic.woff) format("woff"),
      url(../fonts/KelloggsSans-MediumItalic.ttf) format("truetype"),
      url(../fonts/KelloggsSans-MediumItalic.svg) format("svg");
 font-weight: 400;
 font-style: normal
}
@font-face {
 font-family: KelloggsSansBold;
 src: url(../fonts/KelloggsSans-Bold.eot);
 src: url(../fonts/KelloggsSans-Bold.eot?#iefix) format("embedded-opentype"),
      url(../fonts/KelloggsSans-Bold.woff) format("woff"),
      url(../fonts/KelloggsSans-Bold.ttf) format("truetype"),
      url(../fonts/KelloggsSans-Bold.svg) format("svg");
 font-weight: 400;
 font-style: normal
}
@font-face {
 font-family: KelloggsSansBoldItalic;
 src: url(../fonts/KelloggsSans-BoldItalic.eot);
 src: url(../fonts/KelloggsSans-BoldItalic.eot?#iefix) format("embedded-opentype"),
      url(../fonts/KelloggsSans-BoldItalic.woff) format("woff"),
      url(../fonts/KelloggsSans-BoldItalic.ttf) format("truetype"),
      url(../fonts/KelloggsSans-BoldItalic.svg) format("svg");
 font-weight: 400;
 font-style: normal
}

html {
 font-size: 100%!important;
}
section.header {
   background-color: #fff !important;
   padding: 30px 0 !important;
   border-bottom: 4px solid #c20f2f;
  }
  section.header ul {
   padding: 0 !important;
   margin: 0 !important;
   display: flex !important;
   justify-content: center !important;
  }
  section.header ul li {
   list-style: none !important;
   margin:0 15px 0 15px !important;
   padding-bottom: 0px !important;
  }
  section.header ul li a {
   color: #646464 !important;
   text-decoration: none !important;
   font-size: 18px !important;
   font-family: KelloggsSansBold,sans-serif;
  }


  	section.banner-home2 {
	  	width: 100%;
	   padding: 125px 0 0px;
	   background-image: url(../banner.jpg);
	   background-repeat: no-repeat;
	   background-position: center;
	   background-size: cover;
	   border-top: 10px solid #c20f2f;
	   border-bottom: 10px solid #c20f2f;
	   height: 100%;
	   overflow: hidden;
	   position: relative;
	  }
	  section.banner-home2 img.oxxo-tds {
	  	position: absolute;
    left: 0;
    top: 0px;
    width: 144.5px;
	  }
	  section#banner-home2 .contenedor {
	   position: relative;
	   width: 1170px;
	   margin: 0 auto;
	   display: block;
	   height: 65vh;
			}
			section#banner-home2 .contenedor::before {
	   content: '';
	   position: absolute;
	   width: 1420px;
	   height: 47vh;
	   background: #c20f2f;
	   right: 29%;
	   transform: skew(-10deg) rotate(175deg);
	   top: -4%;
			}
			section#banner-home2 .contenedor img:first-child {
				position: absolute;
		  width: 40%;
		  left: 0%;
		  top: -21.5%;
			}
			section#banner-home2 .contenedor img {
				position: absolute;
		  width: 50%;
		  left: 25%;
		  top: -24%;
			}
			section#banner-home2 .contenedor img:last-child {
				position: absolute;
		  width: 40%;
		  left: 59%;
		  top: 21%;
			}

			@media screen and (min-width: 1368px) {
				section.banner-home2 {
		   padding: 125px 0 75px;
		  }

	  	section#banner-home2 .contenedor::before {
		   right: 18%;
		   top: 2%;
				}
				section#banner-home2 .contenedor img:first-child {
		   position: absolute;
		   width: 56%;
		   left: -13%;
		   top: -12.5%;
		   transform: rotate(0deg);
				}
				section#banner-home2 .contenedor img {
		   position: absolute;
		   width: 70%;
		   left: 20%;
		   top: -15%;
				}
				section#banner-home2 .contenedor img:last-child {
		   position: absolute;
		   width: 52%;
		   right: 0;
		   top: 36%;
		   left: 67%;
				}
			}


			@media screen and (max-width: 1470px) and (min-width: 1368px) {
				section.banner-home2 {
		   padding: 125px 0 62.5px;
		  }
	  	section#banner-home2 .contenedor::before {
		   right: 30%;
	    top: -2%;
	    height: 47vh;
				}
				section#banner-home2 .contenedor img:first-child {
		   position: absolute;
		   width: 40%;
		   left: -5%;
	    top: -19.5%;
		   transform: rotate(0deg);
				}
				section#banner-home2 .contenedor img {
		   position: absolute;
		   width: 55%;
		   left: 19%;
		   top: -32%;
				}
				section#banner-home2 .contenedor img:last-child {
		   position: absolute;
		   width: 40%;
		   right: 0;
		   top: 22%;
	    left: 56%;
				}
			}


			@media screen and (max-width: 1368px) and (min-width: 1368px) {
			section.banner-home2 {
	   padding: 125px 0 25px;
	  }
  	section#banner-home2 .contenedor::before {
	   right: 27%;
	   top: 2%;
	   height: 40vh;
			}
			section#banner-home2 .contenedor img:first-child {
	   position: absolute;
	   width: 40%;
	   left: -5%;
	   top: -11.5%;
	   transform: rotate(0deg);
			}
			section#banner-home2 .contenedor img {
	   position: absolute;
	   width: 60%;
	   left: 19%;
	   top: -26%;
			}
			section#banner-home2 .contenedor img:last-child {
	   position: absolute;
	   width: 40%;
	   right: 0;
	   top: 27%;
	   left: 60%;
			}
		}


		@media screen and (max-width: 1024px) and (min-width: 768px) {
			section.banner-home2 img.oxxo-tds {
				width: 140px;
    z-index: 2;
			}
			section#banner-home2 .contenedor {
				height: 60vh;
			}
			section#banner-home2 .contenedor::before {
				height: 36vh;
				right: 34%;
			}
			section#banner-home2 .contenedor img:first-child {
		  width: 36%;
		  top: -19.5%;
			}
			section#banner-home2 .contenedor img {
		  width: 45%;
		  left: 22%;
		  top: -22%;
			}
			section#banner-home2 .contenedor img:last-child {
		  width: 35%;
		  left: 52%;
		  top: 18%;
			}
			section.mecanica::before {
				top: 0% !important;
			}
			section.mecanica .compra, section.mecanica .registra, section.mecanica .acumula, section.mecanica .gana {
				width: 50% !important;
			}
			section.mecanica .compra img, section.mecanica .registra img, section.mecanica .acumula img, section.mecanica .gana img {
				width: 95% !important;
				padding: 35px;
			}
			section.premios .jerseys img, section.premios .balones img, section.premios .mini_cooper img {
				width: 100% !important;
				margin: 0 !important;
			}
		}


/*
  section.banner-home2 {
  	width: 100%;
   padding: 125px 0 75px;
   background-image: url(../banner.jpg);
   background-repeat: no-repeat;
   background-position: center;
   background-size: cover;
   border-top: 10px solid #c20f2f;
   border-bottom: 10px solid #c20f2f;
   height: 100%;
  }
  section#banner-home2 .contenedor {
   position: relative;
   width: 1170px;
   margin: 0 auto;
   display: block;
   height: 65vh;
		}
		section#banner-home2 .contenedor::before {
   content: '';
   position: absolute;
   width: 1420px;
   height: 47vh;
   background: #c20f2f;
   right: 18%;
   transform: skew(-10deg) rotate(175deg);
   top: -7%;
		}
		section#banner-home2 .contenedor img:first-child {
   position: absolute;
   width: 56%;
   left: -13%;
   top: -21.5%;
   transform: rotate(0deg);
		}
		section#banner-home2 .contenedor img {
   position: absolute;
   width: 70%;
   left: 20%;
   top: -24%;
		}
		section#banner-home2 .contenedor img:last-child {
   position: absolute;
   width: 52%;
   right: 0;
   top: 24%;
   left: 67%;
		}*/

  section.banner-home {
   position: relative;
   display: block;
   width: 100%;
   padding: 100px 0 75px;
   background-image: url('../banner.jpg');
   background-repeat: no-repeat;
   background-position: center;
   background-size: cover;
   overflow-x: hidden;
   border-top: 10px solid #c20f2f;
   border-bottom: 10px solid #c20f2f;
  }
  section.banner-home .contenedor {
   display: inline-block;
   width: 100%;
   margin-top: 75px;
  }
  section.banner-home .contenedor::before {
   content: '';
   position: absolute;
   left: 0;
   top: 0%;
   background-image: url('../bg_anotar-gol.png');
   background-repeat: no-repeat;
   background-position: center;
   background-size: cover;
   width: 69%;
   height: 65%;
  }
  section.banner-home .contenedor .left {
   position: relative;
   float: left;
   width: 35%;
  }
  section.banner-home .contenedor .left img {
   margin-top: -37%;
  }
  section.banner-home .contenedor .center {
   float: left;
   position: relative;
   width: 35%;
  }
  section.banner-home .contenedor .center img {
   margin-top: -37%;
   left: -30%;
   position: relative;
  }
  section.banner-home .contenedor .right {
   float: left;
   width: 30%;
   display: block;
   position: relative;
  }
  section.banner-home .contenedor .right img {
   position: absolute;
   left: -180px;
   bottom: -425px;
  }


  section.mecanica {
   position: relative;
   width: 100%;
   display: block;
   padding: 75px 0;
   text-align: center;
   height: 100%;
  }
  section.mecanica::before {
   content: '';
   position: absolute;
   left: 0;
   top: -20%;
   background-image: url('../bg_secction_mec.png');
   background-repeat: no-repeat;
   background-position: center;
   background-size: contain;
   width: 100%;
   height: 100%;
   padding: 150px 0;
  }
  section.mecanica .title-section h1 {
   color:  #c20f2f;
   margin-bottom: 15px;
   padding-bottom: 0px;
   line-height: normal;
   font-family: KelloggsSansBold,sans-serif;
   font-size: 56px;
   margin-top: 0px;
  }
  section.mecanica .title-section p {
   line-height: normal;
   color: #121111;
   margin-bottom: 45px;
   font-family: KelloggsSansRegular,sans-serif;
   font-size: 18px;
  }
  section.mecanica .contenedor {
   padding: 0 75px;
   display: inline-block;
   position: relative;
  }
  section.mecanica .compra,
  section.mecanica .registra,
  section.mecanica .acumula,
  section.mecanica .gana {
   float: left;
   width: 25%;
  }
  section.mecanica .compra img,
  section.mecanica .registra img,
  section.mecanica .acumula img,
  section.mecanica .gana img {
   width: 100%;
   display: block;
   margin-bottom: 15px;
  }
  section.mecanica .compra p,
  section.mecanica .registra p,
  section.mecanica .acumula p,
  section.mecanica .gana p {
   line-height: 1.25;
   color: #121111;
   margin-bottom: 0;
   font-family: KelloggsSansRegular,sans-serif;
   font-size: 16px;
   padding-left: 15px;
   padding-right: 15px;
  }
  section.mecanica .registra p span {
   font-family: KelloggsSansBold,sans-serif;
  }
  section.mecanica .gana p span {
   display: block;
   position: relative;
   font-size: 16px;
   font-family: KelloggsSansBold,sans-serif;
  }



  section.premios {
   position: relative;
   width: 100%;
   display: block;
   padding: 75px 0;
   text-align: center;
   background-image: url('../bg_secction_premios.jpg');
   background-repeat: no-repeat;
   background-position: center;
   background-size: cover;
   height: 100%;
  }
  section.premios .title-section h1 {
   color:  #fff;
   margin-bottom: 15px;
   padding-bottom: 0px;
   line-height: normal;
   font-family: KelloggsSansBold,sans-serif;
   font-size: 56px;
   margin-top: 0px;
  }
  section.premios .title-section p {
   line-height: normal;
   color: #fff;
   margin-bottom: 45px;
   font-family: KelloggsSansRegular,sans-serif;
   font-size: 18px;
   padding: 0 170px;
  }
  section.premios .contenedor {
   padding: 0 75px;
   display: inline-block;
  }
  section.premios .jerseys,
  section.premios .balones,
  section.premios .mini_cooper {
   float: left;
   width: 33.33%;
   text-align: center;
  }
  section.premios .jerseys img,
  section.premios .balones img,
  section.premios .mini_cooper img {
   margin: 0 25px;
  }
  section.premios .jerseys h2,
  section.premios .balones h2,
  section.premios .mini_cooper h2 {
   color: #fff;
   line-height: normal;
   margin-bottom: 0px;
   transform: rotate(-5deg);
   font-size: 26px;
   font-family: KelloggsSansBold,sans-serif;
  }
  section.premios .mini_cooper h2 {
   margin-top: 0px;
  }
  section.premios .mini_cooper h2 span {
   display: block;
   position: relative;
   font-size: 16px;
   transform: rotate(5deg) !important;
   margin-top: 15px;
   font-family: KelloggsSansRegular,sans-serif;
   font-weight: 400;
   padding: 0 60px;
  }

  section.formulario {
   position: relative;
   padding: 75px 0 50px;
  }
  section.formulario .title-section h1,
  .button {
   color:  #c20f2f;
   margin-bottom: 15px;
   padding-bottom: 0px;
   line-height: normal;
   text-align: center;
   font-family: KelloggsSansBold,sans-serif;
   font-size: 56px;
   margin-top: 0px;
  }
  .button {
   font-size: 42px;
   margin-bottom: 35px;
  }
  section.ranking {
   padding: 70px 0;
   background: #f7f7f7;
   margin-top: 35px;
  }
  section.ranking table tbody tr.bottom {
   border-bottom: 2px solid #c20f2f;
  }
  section.ranking table tbody tr.bottom td,
  section.ranking table tbody tr td {
   border-top: none !important;
  }

  section.formulario .title-section p {
   line-height: normal;
   color: #121111;
   margin-bottom: -22.5px;
   text-align: center;
   font-family: KelloggsSansRegular,sans-serif;
   font-size: 18px;
  }





  section.banner-ranking {
   position: relative;
   display: block;
   width: 100%;
   padding: 25px 0 0px;
   background-image: url('../banner.jpg');
   background-repeat: no-repeat;
   background-position: center;
   background-size: cover;
   overflow-x: hidden;
   border-top: 10px solid #c20f2f;
   border-bottom: 10px solid #c20f2f;
  }
  section.banner-ranking .contenedor {
   display: inline-block;
   width: 100%;
   margin-top: 0px;
  }
  section.banner-ranking .contenedor::before {
   content: '';
   position: absolute;
   left: 0;
   top: 20%;
   background-image: url('../bg_anotar-gol.png');
   background-repeat: no-repeat;
   background-position: center;
   background-size: cover;
   width: 50%;
   height: 65%;
  }
  section.banner-ranking .contenedor .left {
   position: relative;
   float: left;
   width: 60%;
   text-align: center;
   margin-top: 200px;
  }
  section.banner-ranking .contenedor .left h4 {
   color: #fff;
   text-transform: uppercase;
   margin-bottom: 25px;
   font-family: KelloggsSansBold,sans-serif;
   font-size: 48px;
   margin-top: 0px;
  }
  section.banner-ranking .contenedor .left p {
   color: #fff;
   margin-top: 0px;
   line-height: 1.75;
   margin-bottom: 34px;
   font-family: KelloggsSansRegular,sans-serif;
   font-size: 18px;
  }
  section.banner-ranking .contenedor .left a {
   background-color: #15a9e7;
   color: #fff;
   text-transform: uppercase;
   padding: 10px 25px;
   border-radius: 6px;
   text-decoration: none;
   font-family: KelloggsSansRegular,sans-serif;
   font-size: 18px;
  }
  section.banner-ranking .contenedor .center {
   float: left;
   position: relative;
   width: 35%;
  }
  section.banner-ranking .contenedor .center img {
   margin-top: 0%;
   left: -30%;
   position: relative;
  }


  	@media screen and (min-width: 1368px) {
  		section.banner-ranking {
/*		   position: relative;
		   display: block;
		   width: 100%;
		   padding: 25px 0 0px;
		   background-image: url('../banner.jpg');
		   background-repeat: no-repeat;
		   background-position: center;
		   background-size: cover;
		   overflow-x: hidden;
		   border-top: 10px solid #c20f2f;
		   border-bottom: 10px solid #c20f2f;*/
		   height: 75vh;
		  }
		  /*section.banner-ranking .contenedor {
		   display: inline-block;
		   width: 100%;
		   margin-top: 0px;
		  }*/
		  section.banner-ranking .contenedor::before {
		   /*content: '';
		   position: absolute;*/
		   left: -5%;
		   top: 18%;
		   /*background-image: url('../bg_anotar-gol.png');
		   background-repeat: no-repeat;
		   background-position: center;
		   background-size: cover;*/
		   width: 55%;
		   height: 70%;
		  }
		  section.banner-ranking .contenedor .left {
		  /* position: relative;
		   float: left;
		   width: 60%;
		   text-align: center;*/
		   margin-top: 220px;
		  }
		  /*section.banner-ranking .contenedor .left h4 {
		   color: #fff;
		   text-transform: uppercase;
		   margin-bottom: 25px;
		   font-family: KelloggsSansBold,sans-serif;
		   font-size: 48px;
		   margin-top: 0px;
		  }*/
		  section.banner-ranking .contenedor .left p {
		   /*color: #fff;
		   margin-top: 0px;
		   line-height: 1.75;*/
		   /*margin-bottom: 34px;
		   font-family: KelloggsSansRegular,sans-serif;*/
		   font-size: 28px;
		  }
		  section.banner-ranking .contenedor .left a {
		   /*background-color: #15a9e7;
		   color: #fff;
		   text-transform: uppercase;
		   padding: 10px 25px;
		   border-radius: 6px;
		   text-decoration: none;
		   font-family: KelloggsSansRegular,sans-serif;*/
		   font-size: 25px;
		  }
		  /*section.banner-ranking .contenedor .center {
		   float: left;
		   position: relative;
		   width: 35%;
		  }
		  section.banner-ranking .contenedor .center img {
		   margin-top: 0%;
		   left: -30%;
		   position: relative;
		  }*/
			}


			@media screen and (max-width: 1470px) and (min-width: 1368px) {
				section.banner-ranking {
					height: auto;
				}
				section.banner-ranking .contenedor::before {
    	top: 13%;
    	height: 73%;
				}
				section.banner-ranking .contenedor .left {
  	  margin-top: 150px;
				}
				section.banner-ranking .contenedor .left p {
					font-size: 22px;
				}
				section.banner-ranking .contenedor .left a {
					font-size: 20px;
				}
			}





  section.banner-ganadores {
   position: relative;
   display: block;
   width: 100%;
   padding: 62.5px 0 70px;
   background-image: url('../banner.jpg');
   background-repeat: no-repeat;
   background-position: center;
   background-size: cover;
   overflow-x: hidden;
   border-top: 10px solid #c20f2f;
   border-bottom: 10px solid #c20f2f;
  }
  section.banner-ganadores .contenedor {
   width: 100%;
   margin-top: 0px;
  }
  section.banner-ganadores .contenedor .left {
   width: 45%;
   float: left;
  }
  section.banner-ganadores .contenedor .left img {
   width: 75%;
   float: right;
   margin-right: -8.75%;
  }
  section.banner-ganadores .contenedor .right {
   width: 55%;
   position: relative;
   display: contents;
  }
  section.banner-ganadores .contenedor .right::before {
   content: '';
   position: absolute;
   background-image: url('../bg_ganadores.png');
   background-repeat: no-repeat;
   background-position: center;
   background-size: contain;
   width: 66%;
   height: 75%;
   top: 8%;
  }
  section.banner-ganadores .contenedor .right .info {
   position: relative;
   padding-top: 125px;
   margin-right: -150px;
  }
  section.banner-ganadores .contenedor .right .info h4,
  section.banner-ganadores .contenedor .right .info p {
   text-align: center;
   color: #fff;
   font-family: KelloggsSansBold,sans-serif;
   font-size: 48px;
   margin-top: 0px;
   margin-bottom: 25px;
  }
  section.banner-ganadores .contenedor .right .info p {
   text-align: center;
   color: #fff;
   font-family: KelloggsSansRegular,sans-serif;
   font-size: 25px;
   margin-bottom: 0px;
  }
  section.banner-ganadores .contenedor .right .info p span {
   font-family: KelloggsSansBold,sans-serif;
  }


   @media screen and (min-width: 1368px) {
   	section.banner-ganadores {
   		height: 76vh;
	    align-items: center;
	    display: flex;
   	}
   	section.banner-ganadores .contenedor .left img {
		   width: 75%;
		   margin-right: -8.75%;
		  }
		  section.banner-ganadores .contenedor .right::before {
		   width: 65%;
	    height: 68%;
	    top: 15%;
		  }
		  section.banner-ganadores .contenedor .right .info {
				 padding-top: 200px;
				}
				section.banner-ganadores .contenedor .right .info h4 {
					font-size: 66px;
				}
				section.banner-ganadores .contenedor .right .info p {
					font-size: 36px;
				}
			}


			@media screen and (max-width: 1470px) and (min-width: 1368px) {
				section.banner-ganadores .contenedor .right::before {
					width: 66%;
				}
				section.banner-ganadores .contenedor .right .info {
					padding-top: 150px;
				}
				section.banner-ganadores .contenedor .right .info h4 {
    	font-size: 48px;
				}
				section.banner-ganadores .contenedor .right .info p {
    	font-size: 25px;
				}
			}




			@media screen and (max-width: 1368px) and (min-width: 1368px) {
				section.banner-ganadores {
					height: auto;
				}
				section.banner-ganadores .contenedor .left img {
					width: 80%;
				}
				section.banner-ganadores .contenedor .right::before {
					width: 66%;
					height: 66%;
    	top: 15%;
				}
			}




  section.banner-gracias {
   position: relative;
   display: block;
   width: 100%;
   padding: 50px 0 75px;
   background-image: url('../banner.jpg');
   background-repeat: no-repeat;
   background-position: center;
   background-size: cover;
   overflow-x: hidden;
   border-top: 10px solid #c20f2f;
   border-bottom: 10px solid #c20f2f;
  }
  section.banner-gracias .contenedor {
   display: inline-block;
   width: 100%;
   margin-top: 0px;
  }
  section.banner-gracias .contenedor::before {
   content: '';
   position: absolute;
   left: 0;
   top: 10%;
   background-image: url('../bg_anotar-gol.png');
   background-repeat: no-repeat;
   background-position: center;
   background-size: cover;
   width: 55%;
   height: 80%;
  }
  section.banner-gracias .contenedor .left {
   position: relative;
   float: left;
   width: 67%;
   text-align: center;
   margin-top: 90px;
   margin-left: -22px;
  }
	 section.banner-gracias .contenedor .left p {
   color: #fff;
   margin-top: 0px;
   line-height: 1.2;
   font-family: KelloggsSansRegular,sans-serif;
   font-size: 28px;
   margin-bottom: 20px;
  }
  section.banner-gracias .contenedor .left p span {
   font-family: KelloggsSansBold,sans-serif;
  }
  section.banner-gracias .contenedor .left p span a {
   font-family: KelloggsSansBold,sans-serif;
   background-color: transparent;
   padding: 0px;
   font-size: 28px;
  }
  section.banner-gracias .contenedor .left p.click-btn {
   font-size: 16px;
   margin-bottom: 25px;
  }
  section.banner-gracias .contenedor .left a {
   background-color: #15a9e7;
   color: #fff;
   text-transform: uppercase;
   padding: 10px 25px;
   border-radius: 6px;
   text-decoration: none;
   font-family: KelloggsSansRegular,sans-serif;
   font-size: 18px;
   position: relative;
   z-index: 2;
   display: inline-block;
  }
  section.banner-gracias .contenedor .left a img {
   float: right;
   margin-left: 10px;
  }
  section.banner-gracias .contenedor .center {
   /*float: left;*/
   position: relative;
   width: 100%;
  }
  section.banner-gracias .contenedor .center img {
   margin-top: 0%;
   left: 0;
   position: relative;
   margin-left: -7.75%;
   width: 30%;
  }


   @media screen and (min-width: 1368px) {
  		section.banner-gracias {
		   height: 65vh;
		   padding: 75px 0 0px;
		  }
		  section.banner-gracias .contenedor::before {
		   left: -5%;
	    top: 10%;
	    width: 58%;
	    height: 81%;
		  }
		  section.banner-gracias .contenedor .left {
		   margin-top: 100px;
		  }
		  section.banner-gracias .contenedor .left p {
		   font-size: 36px;
		  }
		  section.banner-gracias .contenedor .left a {
		   font-size: 25px;
		  }
    section.banner-gracias .contenedor .left a img {
     margin-top: 5px;
    }
		  section.banner-gracias .contenedor .center img {
		   margin-left: -8.75%;
		  }
			}


			@media screen and (max-width: 1470px) and (min-width: 1368px) {
				section.banner-gracias {
					height: auto;
					padding: 75px 0 50px;
				}
				section.banner-gracias .contenedor::before {
    	top: 9%;
    	height: 85%;
				}
				section.banner-gracias .contenedor .left {
  	  margin-top: 74px;
				}
				section.banner-gracias .contenedor .left p {
					font-size: 27px;
				}
				section.banner-gracias .contenedor .left a {
					font-size: 20px;
				}
    section.banner-gracias .contenedor .left a img {
     margin-top: 3px;
    }
			}



  section.banner-error,
  section.banner-error-403,
  section.banner-error-500 {
   position: relative;
   width: 100%;
   padding: 75px 0;
   background-image: url(../banner.jpg);
   background-repeat: no-repeat;
   background-position: center;
   background-size: cover;
   overflow-x: hidden;
   border-top: 10px solid #c20f2f;
   border-bottom: 10px solid #c20f2f;
   height: 75vh;
   display: flex;
   align-items: center;
   justify-content: center;
  }
  section.banner-error .contenedor .center h4,
  section.banner-error-403 .contenedor .center h4,
  section.banner-error-500 .contenedor .center h4 {
   text-align: center;
   font-family: KelloggsSansBold,sans-serif;
   font-size: 48px;
   margin-top: 0px;
   color: #fff;
   margin-bottom: 35px;
  }
  section.banner-error .contenedor .center p,
  section.banner-error-403 .contenedor .center p,
  section.banner-error-500 .contenedor .center p {
   color: #fff;
   margin-top: 0px;
   line-height: 1.2;
   font-family: KelloggsSansRegular, sans-serif;
   font-size: 18px;
   margin-bottom: 0;
   text-align: center;
  }

  .form-wrapper .form-title {
   display: none;
		}
  .KSTL-Registration .pod {
   max-width: 500px;
   border: none !important;
   margin: 0 auto;
		}
		.KSTL-Registration .ng-form label {
   line-height: normal;
   color: #121111;
   text-transform: uppercase;
   font-family: KelloggsSansBold, sans-serif;
		}
		.KSTL-Registration #KSTL-Registration-wrapper-Gender label,
		.KSTL-Registration-wrapper-TermsConditionPrvcyPolicyCombo .terms-privacypolicy label,
		.terms-privacypolicy label span {
			font-family: KelloggsSansRegular, sans-serif !important;
		}
		.KSTL-Registration .ng-form input, .KSTL-Registration .ng-form select {
			max-width: 100% !important;
   border-radius: 15px !important;
   background-color: #ccc !important;
   height: 2em !important;
		}
		.KSTL-Registration button {
   font-size: 24px !important;
   background-color: #00c2ff;
   border-color: #00c2ff;
   border-radius: 15px;
   color: #fff;
   text-transform: uppercase;
   padding: 8px 20px;
		}
  .KSTL-Registration .ng-form label.label-after {
   margin-top: 6.5px !important;
  }


  section.pie {
   position: relative;
   padding: 30px 0;
   background-color:  #c20f2f;
  }
  section.pie .left {
   width: 35%;
   float: left;
  }
  section.pie .left ul {
   margin-bottom: 0px;
   padding: 0px;
   float: right;
   margin-top: 0px;
  }
  section.pie .left ul li {
   list-style: none;
   float: left;
   display: inline-block;
   margin: 0px 10px 0px 10px;
   padding-bottom: 0px;
  }
  section.pie .left ul li a {
   font-size: 18px;
   line-height: normal;
  }
  section.pie .right ul {
   padding: 0;
   margin: 0;
   display: flex;
   justify-content: center;
  }
  section.pie .right ul li {
   display: inline-block;
   margin: 0 30px;
   padding: 0;
   line-height: normal;
  }
  section.pie .right ul li a {
   color: #fff;
   text-decoration: none;
   font-family: KelloggsSansRegular,sans-serif;
   text-transform: uppercase;
  }
  section.pie .right ul li a:hover {
   cursor: pointer;
  }



  section.pie .right p {
   text-align: center;
   margin-bottom: 0px;
  }
  section.pie .right p > a {
   color: #fff;
   text-decoration: none;
   font-family: KelloggsSansRegular,sans-serif;
  }




  @media(max-width: 768px) {
   section.header ul {
    display: block !important;
    text-align: center;
   }
   section.banner-home .contenedor::before {
   width: 80%;
   height: 50%;
  }
  section.banner-home .contenedor .left {
   float: none;
  }
  section.banner-home .contenedor .left img {
   margin-top: -133%;
   width: 337.5px;
   z-index: 2;
   position: relative;
  }
  section.banner-home .contenedor .center img {
   margin-top: -160%;
   left: 0;
   width: 487.5px;
  }
  section.banner-home .contenedor .right {
   float: none;
   width: 100%;
  }
  section.banner-home .contenedor .right img {
   left: 0px;
   bottom: -310px;
   width: 300px;
  }



 /* section.banner-home2 {
	  	width: 100%;
	   padding: 125px 0 0px;
	   background-image: url(../banner.jpg);
	   background-repeat: no-repeat;
	   background-position: center;
	   background-size: cover;
	   border-top: 10px solid #c20f2f;
	   border-bottom: 10px solid #c20f2f;
	   height: 100%;
	   overflow: hidden;
	  }
	  section#banner-home2 .contenedor {
	   position: relative;
	   width: 1170px;
	   margin: 0 auto;
	   display: block;
	   height: 65vh;
			}*/
			section#banner-home2 {
				padding: 50px 0 0px;
			}
			section.banner-home2 img.oxxo-tds {
	  	width: 90px;
    z-index: 2;
	  }


			section#banner-home2 .contenedor {
				width: 100%;
				height: 55vh;
			}
			section#banner-home2 .contenedor::before {
	   width: 100%;
    height: 36%;
    right: 5%;
    top: 0%;
			}
			section#banner-home2 .contenedor img:first-child {
				top: 0%;
				width: 49%;
				left: 2.5%;
				z-index: 99999;
			}
			section#banner-home2 .contenedor img {
				width: 62%;
				left: auto;
				top: -9%;
				right: 2%;
				z-index: 2;
			}
			section#banner-home2 .contenedor img:last-child {
				width: 100%;
				left: 0%;
				position: relative;
				top: 40%;
			}

			section.mecanica,
			section.premios  {
				width: auto;
				padding: 75px 25px;
			}
			section.mecanica .contenedor {
				padding: 0px;
			}
   section.mecanica .compra,
   section.mecanica .registra,
   section.mecanica .acumula,
   section.mecanica .gana,
   section.premios .jerseys,
   section.premios .balones,
   section.premios .mini_cooper {
    width: 100%;
   }
   section.premios .contenedor {
    padding: 0px;
   }
   section.premios .title-section p {
   	padding: 0px;
   }
   section.premios .jerseys img,
   section.premios .balones img,
   section.premios .mini_cooper img {
    margin: 0px;
    width: 100%;
   }
   section.premios .jerseys h2,
   section.premios .balones h2,
   section.premios .mini_cooper h2 {
    margin-top: 0px;
   }


   section.banner-ranking .contenedor::before {
   	top: 4%;
   	width: 90%;
    height: 50%;
   }
   section.banner-ranking .contenedor .left {
   	width: 90%;
   	margin-top: 65px;
   }
   section.banner-ranking .contenedor .left h4 {
   	font-size: 42px;
   }
   section.banner-ranking .contenedor .left p {
   	font-size: 16px;
   }
   section.banner-ranking .contenedor .left a {
				font-size: 16px;
			}
			section.banner-ranking .contenedor .center {
				width: 100%;
			}
			section.banner-ranking .contenedor .center img {
				margin-top: 10%;
    left: 0;
    width: 100%;
			}


			section.banner-ganadores {
				padding: 62.5px 0 0px;
			}
   section.banner-ganadores .contenedor .left {
   	float: none;
   	width: 100%;
   }
   section.banner-ganadores .contenedor .left img {
   	width: 75%;
    float: none;
    display: block;
    margin: 0 auto;
   }
   section.banner-ganadores .contenedor .right {
   	width: 100%;
   }
   section.banner-ganadores .contenedor .right::before {
   	width: 100%;
    height: 45%;
    top: 53%;
    right: -7%;
   }
   section.banner-ganadores .contenedor .right .info {
   	padding-top: 200px;
    margin-right: -37px;
    margin-top: 25%;
   }
   section.banner-ganadores .contenedor .right .info h4 {
   	margin-top: -53%;
   	margin-bottom: 20px;
   	font-size: 38px;
   }
   section.banner-ganadores .contenedor .right .info p {
   	font-size: 16px;
   }




   section.banner-gracias {
   	padding: 50px 0 25px;
   }
   section.banner-gracias .contenedor::before {
   	top: 5%;
    width: 90%;
    height: 47%;
   }
   section.banner-gracias .contenedor .left {
   	width: 90%;
    margin-top: 70px;
    margin-bottom: 20%;
   }
   section.banner-gracias .contenedor .left p {
   	font-size: 16px;
   }
   section.banner-gracias .contenedor .left p.click-btn {
   	font-size: 14px;
   	margin-bottom: 30px;
   }
   section.banner-gracias .contenedor .left a {
				font-size: 16px;
			}
			section.banner-gracias .contenedor .center {
				width: 100%;
			}
			section.banner-gracias .contenedor .center img {
				left: 0;
    width: 85%;
    margin: 0 auto;
    display: block;
			}






   section.pie .left {
   	width: 100%;
    float: none;
   }
   section.pie .left ul {
   	display: flex;
    justify-content: center;
    align-items: center;
    float: none;
   }
   section.pie .right {
   	width: 100%;
    float: none;
    margin-top: 30px;
   }
   section.pie .right ul {
   	position: relative;
   }
   section.pie .right ul li {
    display: block;
    margin: 0 15px;
    text-align: center;
			}
  }

<section class="banner-home" id="banner-home">
<div class="contenedor"><div class="left"><img src="../anotate_gol.png" alt=""></div>
<div class="center"><img src="../tigre.png" alt=""></div>
<div class="right"><img src="../premios.png" alt=""></div>
</div>
</section>