@media (min-width:  1539.98px) {
	#header img {
	    width: 220px;
	}
	#header h1 {
	    transform: scale(1.5);
	    padding-top: 9%;
	}
	#section2 {
	    padding: 0;
	}
	#section4 {
	    background-size: cover;
	}
	.eighteen {
	    margin-top: -2%;
	}
}
@media (max-width: 575.98px) { ... }


@media (max-width: 767.98px) { 
#header{
		height: auto;
		padding-bottom: 5%;
	}
	#header .text-container.pt-5 {
	    padding-bottom: 10%;
	}
	#header img {
	    width: 35%;
	}
	#section3 {
	    background-position: top;
	}
	.oswald {
	    font-size: 1.5em;
	}
	.lobster {
	    font-size: 4.5em;
	}
	.one {
	    /*text-align: left;*/
	    width: 10%;
	    margin-left: 40%;
	}
	.two {
	    margin-top: -7%;
	}
	.three {
	    /*width: 70%;*/
	    /*text-align: right;*/
	    margin-top: -2%;
	}
	.four {
	    margin-top: -5%;
	    /*text-align: right;*/
	    /*margin-right: 17%;*/
	}
	.five {
	    /*text-align: right;*/
	    margin-left: 30%;
        margin-top: -4%;
	}
	.six {
	    /*text-align: left;*/
	    /*margin-left: 22%;*/
	}
	.seven {
        margin-top: -4%;
        font-size: 4em;
    }
	.eight {
	    margin-top: -4%;
	    /*text-align: right;*/
	    /*margin-right: 15%;*/
	}
	.nine {

	}
	.ten {
	    margin-top: -4%;
	    font-size: 3.55em !important;
	}
	.eleven {
	    margin-top: -4%;
	}
	.twelve {
	    /*text-align: left;*/
	    margin-left: -32%;
	}
	.thirteen {
	    /*text-align: left;*/
	    margin-top: -7%;
	    font-size: 4em;
	}
	.fourteen {
	    margin-top: -4%;
	}
	.fiveteen {
	    /*text-align: right;*/
	    margin-top: -4%;
	    font-size: 4em;
	}
	.sixteen {
	    /*text-align: right;*/
	    margin-top: -3%;
	}
	.eighteen {
	    margin-top: -4%;
	}

	.search-container {
	    width: 100%;
	}

	#section2 {
	    background-size: cover;
	}
	#section2 p {
	    font-size: 23px;
	    width: 100%;
	}
	.box-number {
	    width: 50% !important;
	}
	.imagenes-premiados {
	    height: 330px;
	    margin-top: 10%;
	}
	img.cupon1 {
	    left: 0;
	    width: 70%;
	}
	img.cupon2 {
	    right: 0;
	    top: 35% !important;
	    width: 70%;
	}
	.info2 p, .info1 p {
	    font-size: 30px;
	}
	.info1.scale-image {
	    right: 0 !important;
	    top: -13% !important;
	    width: 170px;
	}
	.info2.scale-image2 {
	    bottom: -3% !important;
	    left: 0 !important;
	    width: 170px;
	}
	.carousel-image {
	    width: 70%;
	    margin: 0 auto;
	    display: block;
	}
	.text-carousel {
	    font-size: 18px;
	    line-height: 29px;
	    text-align: center;
	}
	.front-facing p {
	    font-size: 25px;
	    line-height: 32px;
	}
	.element-card .back-facing p {
	    font-size: 20px;	
	    line-height: 26px;
	}
	.element-card {
	    width: 80%;
	    margin: 5px auto;
	    height: 270px;
	}
	.element-card.open {
	    width: 80%;
	    height: 270px;
	}
	.front-facing img {
	    width: 55px;
	}
	.element-card .back-facing p span {
	    font-size: 40px;
	    line-height: 50px;
	}
	#section5{
		display: none;
	}
	#section5Mobile{
		display: block;
	}
	.right {
        background-image: url(../images/bg-mobile02.webp);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: right;
    }
    .left {
        background-image: url(../images/bg-mobile01.webp);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: left;
    }
    .text-carousel p {
	    width: 90%;
	    margin: 0 auto;
	}
	svg#svg2 {
	    width: 80%;
	    height: auto;
	}
	.numero-buscado {
        font-size: 2em;
        right: 23%;
        top: 10%;
    }
	.probabilidad p, .premiado p {
	    font-size: 35px;
	}
	.veces-tocado, .probabilidades {
	    padding: 5% 0 0 0;
	}
	.state-modal-person {
	    font-size: 12px;
	}
	p.state-modal-number {
	    font-size: 35px;
	}
	.state-modal-title {
	    font-size: 16px;
	}
	.state-modal {
	    padding: 45px 10px 20px 10px;
	}
	.spain-map-container {
	    padding: 5% 0;
	}
}


@media (max-width: 1023.98px) {
	/*#header h1 {
	    transform: scale(1.35);
	}*/
	#header{
		height: auto;
		padding-bottom: 5%;
	}
	#header .text-container.pt-5 {
	    padding-bottom: 10%;
	}
	#section2 p {
	    font-size: 30px;
	    width: 90%;
	}
	/*#header img {
	    width: 35%;
	}
	#section3 {
	    background-position: top;
	}
	.oswald {
	    font-size: 1.5em;
	}
	.lobster {
	    font-size: 4.5em;
	}
	.one {
	    width: 10%;
	    margin-left: 40%;
	}
	.two {
	    margin-top: -7%;
	}
	.three {
	    margin-top: -2%;
	}
	.four {
	    margin-top: -5%;
	}
	.five {
	    margin-left: 30%;
        margin-top: -4%;
	}
	.six {
	    
	}*/
	.seven {
        margin-top: -5%;
        font-size: 3em;
    }
	.eight {
	    margin-top: -6%;
	}
	/*.nine {

	}*/
	.ten {
	    margin-top: -5%;
    	font-size: 7em;
	}
	.info1.scale-image {
	    right: -70px;
	    top: -10%;
	}
	.info2.scale-image2 {
	    bottom: -8%;
	    left: -80px;
	}
	img.cupon2 {
	    top: 250px;
	    width: 70%;
	}
	img.cupon1{
		width: 70%;
	}
	    .carousel-image {
        width: 70%;
        margin: 0 auto;
        display: block;
    }
}


@media (max-width: 1199.98px) { ... }


@media (max-width: 1399.98px) { ... }