/*reglas por ancho*/

@media screen and (max-width:2000px) {
	
}

@media screen and (max-width:1800px) {
}

@media screen and (max-width:1600px) {
	#home main h2 { font-size: 28em; }
}

@media screen and (max-width:1536px) {
	#home main h2 { font-size: 26em; }
}

@media screen and (max-width:1480px) {
	#home main h2 { font-size: 24em; }
}

@media screen and (max-width:1420px) {
	.h-text { margin: 0 auto 10rem auto; }
	#home main h2 { font-size: 22em; }
}

@media screen and (max-width:1370px) {
	.capa-roja { height: 47%; }
}

@media screen and (max-width:1366px) {
}

@media screen and (max-width:1300px) {
}

@media screen and (max-width:1300px) and (max-height: 991px) {
}

@media screen and (max-width:1279px) {
	#sears main .container, #sanborns main .container, #mixup-ishop main .container, #otros main .container { padding-top: 13rem; }
	.capa-roja { height: 42%; }
	#sears, #sanborns, #mixup-ishop, #otros { height: 86rem; }
}

@media screen and (max-width:1200px) {
}

@media screen and (max-width:1199px) {
	#sears main .container, #sanborns main .container, #mixup-ishop main .container, #otros main .container { padding-top: 12rem; }
	.bullet { padding: 4rem 0 5rem 6rem; }
	.bullet h2 { font-size: 11em; }
	.bullet p { right: -6%; width: 52%; }
	.capa-roja { height: 38%; }
	#sears, #sanborns, #mixup-ishop, #otros { height: 80rem; }
	main h4 { line-height: 1.4em; font-size: 1.8rem; }
	main h2 { font-size: 8em; }
	.bullet3 { margin-bottom: 0rem; }
	.back-img-5 img { right: -26rem; }
	.back-img-6 { height: 18rem; width: 82%; }
	.back-img-6 p { padding: 5rem 1rem 0 13rem; }
	.back-img-6 img { top: 0rem; right: 8rem; }
	.back-img-3 { height: 25rem; }
	.img-carta-1 { width: 100%; }
	.bullet2 { padding: 8rem 3rem 0 0; }
	.bullet2 p {top: 20rem; right: -4%; width: 46%; }
	.back-img-4 { height: 22rem; }
}

@media screen and (max-width:1120px) {
	#home footer { position: fixed; bottom: 0; }
	#sears, #sanborns, #mixup-ishop, #otros { height: 68rem; }
}

@media screen and (max-width:1024px) {
	
}
	
@media screen and (max-width:991px) {
	#formatos section .map-res { width: 80%; margin: 0 0 0 auto; }
	.form-title { position: relative; top: inherit; left: inherit; text-align: center; }
	.por1, .por2 { left: 10%; bottom: 9rem; }
	.back-img-3 { height: 20rem; }
	.back-img-3 img { right: 6rem; }
	.back-img-3 p { width: 76%; }
	#sears, #sanborns, #mixup-ishop, #otros { height: 62rem; }
	main h2 { font-size: 7em; }
	main .sub { width: 68%; }
	main h4 { width: 86%;	margin: 4rem 0 0 auto; font-size: 1.6rem; }
	#sears main .container, #sanborns main .container, #mixup-ishop main .container, #otros main .container { padding-top: 9rem; }
	.capa-multi { background-position: center top; }
	#sears .back1, #sears .back2, #sanborns .back1, #sanborns .back2, #mixup-ishop .back1, #mixup-ishop .back2, #otros .back1, #otros .back2 { background-size: cover; }
	.back-img-5 img { right: -12rem; width: 88%; }
	.back-img-5 p { bottom: 3rem; width: 83%; }
	.s-img img { width: 80%; margin: 0 auto; }
	.s-img .fig-sust figcaption { width: 80%; }
	.fig-sust figcaption { width: 100%; font-size: 1.1em; }
	.back-img-6 { height: 14rem; width: 90%; }
	.back-img-6 p { padding: 2rem 1rem 0 2rem; font-size: 0.9em; }
	.back-img-6 img { top: 0rem; right: 4rem; }
	.s-img .crece { margin-bottom: 5rem; }
	.back-img-1 { height: 18rem; }
	.back-img-2 { height: 16rem; }
	.bullet2 h2 { font-size: 9.5em; }
	.bullet2 p { right: -18%; width: 60%; }
	.back-img-4 { height: 20rem; } /*informe director*/
	.back-img-4 img { top: -9rem; right: 4rem; }
	.back-img-4 p { width: 90%; }
	.graf6 ul li, .graf7 ul li, .graf16 ul li, .graf17 ul li, .graf18 ul li { font-size: 0.72em; }
	#group-g h4 { font-size: 1.4em; margin-bottom: 3rem; }
}

@media screen and (max-width:860px) {
}

@media screen and (max-width:840px) {
	.capa-roja { height: 24%; }
	main h2 { font-size: 6.5em; }
	main .sub { top: 3rem; right: 0rem; }
	main h4 { font-size: 1.5rem; }
}
@media screen and (max-width:767px) {
	.h-text { margin: 3rem auto 5rem auto; }
	#home main h2 { font-size: 20em; }
	main p { width: 100%; }
	.img-carta-1 { width: 80%; margin: 0 auto 5rem auto; }
	.separa { margin: 1rem 0; }
	.back-img-2 { margin: 7.5rem auto 20rem 0; }
	.img-midle { padding: 0 15px; margin: 5rem auto; }
	.img-midle img  { margin: 0 auto; width: 80%; }
	.img-carta-1 { width: 80%; }
	.back-img-1 { margin: 5rem auto; padding-bottom: 10rem; height: auto; width: 80%; }
	.back-img-1 img { top: 0; right: 0; width: 100%; }
	.back-img-2 { margin: 5rem auto; height: auto; width: 80%; }
	.back-img-2 img { top: 0; left: 0; width: 100%; }
	.back-img-2 p { padding: 3rem; }
	.back-img-3 { margin: 5rem auto; padding-bottom: 10rem; height: auto; width: 80%; }
	.back-img-3 img { top: 0; right: 0; width: 100%; }
	.back-img-3 p { padding: 1rem 2rem; width: 100%; bottom: 0; }
	.bullet { padding: 4rem 0 5rem 2rem; }
	.bullet h2 { font-size: 10em; }
	.bullet p { top: 9rem; right: 0; width: 42%; } /*cifra carta presidente consejo*/
	.back-img-4 { margin: 20rem 0 0 auto; }
	.graf1 img, .graf2 img, .graf3 img, .graf4 img, .graf5 img, .graf6 img, .graf7 img { width: 50%; left: 24%; }
	.graf8 img, .graf9 img, .graf10 img, .graf11 img, .graf12 img, .graf13 img, .graf14 img, .graf15 img, .graf16 img, .graf17 img, .graf18 img { width: 60%; left: 19%; }
	#formatos .por1, #formatos .por2 { left: 10%; bottom: 4rem; }
	#sears, #sanborns, #mixup-ishop, #otros { height: 80rem; }
	.capa-roja { height: 200%; }
	.capa-multi { display: none; }
	.back-img-5 { margin: 0 auto; padding-bottom: 12rem; height: auto; width: 80%; }
	.back-img-5 img { right: 0; top: 0; width: 108%; }
	.s-img img { margin: 5rem auto; }
	#group-g { padding: 0; }
	footer h4 { text-align: center; }
	.multi { margin: 0; font-size: 8em; } /*formatos*/
	.scale-mid .multi { margin: 2rem; }
	main .sub { margin: 0; right: 2rem; width: 48%; font-size: 1.1em; }
	main h4 { width: 75%; margin: 3rem auto; font-size: 1.8rem; }
	main .logo { width: 60%; margin: 0 auto; }
	#sears main .container, #sanborns main .container, #mixup-ishop main .container, #otros main .container { padding-top: 15rem; }
	.bullet3 p { width: 45%; }
	.back-img-6 { height: auto; width: 80%; margin: 5rem auto; }
	.s-img .back-img-6 img { width: 100%; top: 0; right: 0; }
	.img-bolsa { width: 30%; margin: 5rem auto; }
	.bullet2 p { right: 0; width: 40%; top: 14rem; }
	.back-img-4 { margin: 5rem auto; height: auto; }
	.back-img-4 img { top: 0; right: 0; }
	.back-img-4 p { position: relative; bottom: inherit; left: inherit; padding: 2rem; }
	#group-g h4 { font-size: 2em; margin-bottom: 6rem; }
	.graf6 ul li, .graf7 ul li, .graf16 ul li, .graf17 ul li, .graf18 ul li { font-size: 1.1em; }
}

@media screen and (max-width:639px) {
	#home main h2 { font-size: 18em; }
}

@media screen and (max-width:580px) {
	#home main h2 { font-size: 16em; }
	#formatos .por1, #formatos .por2 { bottom: 6rem; top: inherit; }
	.bullet3 p { top: 2rem; }
	.bullet3 h2 { font-size: 9em; }
	.s-img img, .back-img-5, .img-carta-1, .s-img .fig-sust figcaption, .back-img-6, .back-img-1, .back-img-2, .back-img-3, .img-midle img, .back-img-4 { width: 100%; }
	.fin p { width: 100%; }
}
@media screen and (max-width:520px) {
	nav .logo { width: 120px; }
	#home main h2 { font-size: 16em; }
	.menu-cel { position: absolute; float: inherit; top: 4rem; right: -4rem; width: 19rem; }
	.nav-icons a { display: inline; }
	.menu-cel a { display: inline-block; }	
	.bullet p { top: 20rem; right: -4%; width: 70%; }
	.graf1 img, .graf2 img, .graf3 img, .graf4 img, .graf5 img, .graf6 img, .graf7 img { width: 70%; left: 14%; }
	.graf1, .graf2, .graf3, .graf4, .graf5, .graf6, .graf7, .graf8, .graf9, .graf10, .graf11, .graf12, .graf13, .graf14, .graf15, .graf16, .graf17, .graf18 { margin-bottom: 6rem; }
	#group-g h4 { margin-bottom: 2rem; }	
	.graf8 img, .graf9 img, .graf10 img, .graf11 img, .graf12 img, .graf13 img, .graf14 img, .graf15 img, .graf16 img, .graf17 img, .graf18 img { width: 80%; left: 9%; }
	main .sub { top: 7rem; }
	.scale-mid .sub { top: 8rem; }
	.multi { top: -1rem; position: relative; }
	main h4 { margin: 5rem auto; }
	.img-bolsa { width: 50%; }
	.bullet2 p { top: 22rem; right: -4%; width: 70%; }
}
@media screen and (max-width:500px) {
	#home main h2 { font-size: 14em; }
	.bullet3 { margin-bottom: 6rem; }
}

@media screen and (max-width:465px) {
	#home main h2 { font-size: 12em; }
	#formatos section .map-res { width: 100%; }
	.por2 { bottom: -6rem; font-size: 0.9em; }
	.por1 { bottom: -6rem; font-size: 9em; }
	.bullet3 p { right: -6%; width: 64%; top: 8rem; }
	.bullet3 h2 { font-size: 8em; }
	.p-1 main h1 { font-size: 3.6em; line-height: 1; }
	.bullet2 h2 { font-size: 9em; }
}
@media screen and (max-width:380px) {
	#home main h2 { font-size: 10em; }
	.graf1 img, .graf2 img, .graf3 img, .graf4 img, .graf5 img, .graf6 img, .graf7 img, .graf8 img, .graf9 img, .graf10 img, .graf11 img, .graf12 img, .graf13 img, .graf14 img, .graf15 img, .graf16 img, .graf17 img, .graf18 img { width: 90%; left: 5%; }
	.p-1 main h1 { font-size: 3.4em; }
	#formatos .por1, #formatos .por2 { bottom: 4rem; }
	.back-img-3 p { padding: 1rem; font-size: 0.9em; }
	.bullet h2 { font-size: 9em; }
	.bullet p { right: -4%; width: 98%; top: 18rem }
	.bullet2 p { right: -6%; width: 98%; top: 20rem }
	.bullet2 h2 { font-size: 8em; }
	.scale-mid .sub { top: 10rem; }
}
@media screen and (max-width:360px) {
	.menu-cel { right: -2rem; width: 13rem; }
	.por1, .por2 { bottom: -8rem; }
	.multi { font-size: 7em; }
	main .sub { width: 80%; }
	.bullet3 p { right: 0; width: 100%; top: 10rem; }
	.p-1 main h1 { font-size: 2.8em; }
	.bullet h2 { font-size: 8em; }
	.bullet2 h2 { font-size: 7.5em; }
}

@media screen and (max-width:320px) {
	.nav-icons a span { font-size: 1.5em; }
	.menu-cel { width: 11rem; }
}

/*reglas para alturas*/

@media screen and (min-height: 991px) and (max-width: 1300px) {
	#home footer { position: fixed; bottom: 0; }
}

@media screen and (max-height: 800px) and (min-height: 700px) and (max-width: 1900px) and (min-width: 1400px) {
}
@media screen and (max-height: 700px) and (min-height: 600px) and (max-width: 1900px) and (min-width: 1400px) {
}
@media screen and (max-height: 600px) and (min-height: 100px) and (max-width: 1900px) and (min-width: 1400px) {
}

@media screen and (max-height: 700px) and (min-height: 600px) and (max-width: 1399px) and (min-width: 900px) {
}
@media screen and (max-height: 600px) and (min-height: 500px) and (max-width: 1399px) and (min-width: 900px) {
}
@media screen and (max-height: 500px) and (min-height: 100px) and (max-width: 1399px) and (min-width: 900px) {
}

@media screen and (max-height: 1030px) and (min-height: 1020px) and (max-width: 770px) and (min-width: 760px) {	
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
	#sears .back1, #sears .back2, #sanborns .back1, #sanborns .back2, #mixup-ishop .back1, #mixup-ishop .back2, #otros .back1, #otros .back2 { background-attachment: scroll; }
	main h4 { margin: 2rem 0 0 auto; width: 90%; line-height: 1.2em; }
}
 
/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-height : 1024px) and (orientation : portrait) {
	#sears .back1, #sears .back2, #sanborns .back1, #sanborns .back2, #mixup-ishop .back1, #mixup-ishop .back2, #otros .back1, #otros .back2 { background-attachment: scroll; }
	main h4 { margin: 2rem 0 0 auto; width: 90%; line-height: 1.2em; }
}