/*INT INVESTIGACIONES: ESTUDIOS IQSEC*/

#cont_banner_estudios { position: relative; max-width: 120em; margin: 0 auto; background-image: url(../img/estudios-back-mob.webp); background-repeat: no-repeat; background-position: center top; background-size: cover; text-align: center; padding: 1.5rem 0 10.375rem; }
#cont_banner_estudios h1 { color: #4C464A; line-height: normal; text-shadow: 0px 0px 20px rgba(255, 255, 255, 1); font-size: 1.3rem; padding: 1rem 0 1.5rem; }
#cont_banner_estudios p { font-size: 0.75rem; line-height: 1.02rem; padding: 0 3rem; }
#invest-new { text-align: center; }
#invest-new p { text-align: left; color: #ff6720; font-size: 0.7rem; padding: 0 2rem 0.2rem; font-weight: 500; }
#invest-new button { padding: 0.5rem 1rem; background-color: #2a2559; border-radius: 2rem; font-size: 0.75rem; border: none; }
#invest-new a { color: white; }
#invest-descrip { margin: 2rem 0 0; }
#invest-descrip p { text-align: justify; padding: 0 2rem 1rem; font-size: 0.75rem; line-height: 1rem; color: slategray; }
#invest-descrip p:nth-child(2) { text-align: center; padding: 1rem 0; font-size: 1rem; font-weight: 500; }
#menu-estudios { margin: 3rem 0 2rem; vertical-align: middle; text-align: center; }
#bottomstyle-menu a { border: 4px solid #2a2559; padding: 10px; background-color:#f5fafc; color: #2a2559; text-decoration: none; border-radius: 70px; font-weight: 600; display: inline-block; margin: 0 0 1.5rem; font-size: 0.8rem; }

/* ========================================================================== EXAMPLE Media Queries for Responsive Design. These examples override the primary ('mobile first') styles. Modify as content requires. ========================================================================== */

/* Small screens 280px */
@media screen and (min-width: 17.5em)
{
	#cont_banner_estudios { padding: 5.5rem 0 13.375rem; }
	#cont_banner_estudios h1 { line-height: 1.2; }
}

/* Small screens 375px */
@media screen and (min-width: 23.4375em)
{
	#cont_banner_estudios { background-position-y: -1.5rem; }
	#cont_banner_estudios h1 { font-size: 1.7rem; }
	#cont_banner_estudios p { font-size: 0.9rem; line-height: 1.2rem; }
	#invest-new p { padding: 0 3rem 0.2rem; }
	#invest-new button { padding: 0.5rem 2rem; font-size: 0.9rem; }
	#invest-descrip p { padding: 0rem 3rem 1rem; font-size: 0.9rem; line-height: 1.1rem; }
	#bottomstyle-menu a { font-size: 1rem; }
}

/* Small screens 442px */
@media screen and (min-width: 27.625em)
{
	#cont_banner_estudios { background-position-y: -6.5rem; }
}

/* Small screens 525px */
@media screen and (min-width: 32.8125em)
{
	#cont_banner_estudios { background-position-y: -9.5rem; }
}

/* Medium screens 500px */
@media screen and (min-width: 37.5em)
{
	#cont_banner_estudios { padding: 7.5rem 0 9.375em; background-image: url(../img/estudios-back-tablet.webp); height: 33rem; background-position-y: -1rem; }
	#cont_banner_estudios h1 { font-size: 2.7rem; padding: 4rem 0 1.5rem; line-height: 2.8rem; }
	#cont_banner_estudios p { font-size: 1.5rem; line-height: 1.3; padding: 1rem 7rem 0; }
	#invest-new p { font-size: 1rem; padding: 0 15rem 0.3rem; }
	#invest-new button { font-size: 1.3rem; }
	#invest-descrip { margin: 3rem 2rem 0; }
	#invest-descrip p { font-size: 1.2rem; line-height: 1.5rem; text-align: center; }
	#invest-descrip p:nth-child(2) { font-size: 1.4rem; }
	#menu-estudios { margin: 4rem 0 2rem; }
	#bottomstyle-menu a { font-size: 1.5rem; }
}

/* Medium screens 540px */
@media screen and (min-width: 33.75em)
{
	#cont_banner_estudios { background-position-y: -8rem; height: 11rem; }
}

/* Medium screens 579px */
@media screen and (min-width: 36.1875em)
{
	#cont_banner_estudios { height: 21rem; background-position-y: -11rem; padding: 5.5rem 0 3.375rem; }
}

/* Medium screens 600px */
@media screen and (min-width: 37.5em)
{
	#cont_banner_estudios { height: 24rem; background-position-y: 2rem; padding: 8.5rem 0 3.375rem; }
	#cont_banner_estudios h1 { font-size: 2.1rem; padding: 2rem 0 1.5rem; }
	#cont_banner_estudios p { font-size: 1.3rem; padding: 1rem 3rem 0; }
	#invest-new p { padding: 0 6.7rem 0.3rem; }
}

/* Medium screens 640px */
@media screen and (min-width: 40em)
{
	#cont_banner_estudios { background-position-y: 0rem; }
}

/* Medium screens 700px */
@media screen and (min-width: 43.75em)
{
	#cont_banner_estudios { background-position-y: -4rem; }
	#cont_banner_estudios p { text-shadow: 0px 0px 10px rgb(255 255 255); }
	#invest-new p { padding: 0 9.7rem 0.3rem; }
}

/* Medium screens 768px */
@media screen and (min-width: 48em)
{
	#cont_banner_estudios { height: 31rem; background-position-y: -1rem; padding: 7.5rem 0 9.375em; }
	#cont_banner_estudios h1 { padding: 4rem 0 1.5rem; }
	#cont_banner_estudios p { padding: 1rem 7rem 0; text-shadow: none; }
	#invest-new p { padding: 0 12rem 0.3rem; }
}

/* Medium screens 850px */
@media screen and (min-width: 53.125em)
{
	#cont_banner_estudios { padding: 7.75rem 3rem 0; text-align: left; background-image: url(../img/img-header-estudios.webp); background-size: contain; background-position-y: 2.7rem; height: 18.2rem; background-attachment: fixed; }
	#cont_banner_estudios h1 { font-size: 1.8rem; line-height: normal; font-weight: 400; padding: 3rem 0 1rem; }
	#cont_banner_estudios p { font-size: 1rem; line-height: 1.4rem; padding: 1rem 0; max-width: 21rem; }
	#invest-descrip { margin: 0 2rem 0; }
	#menu-estudios { display: flex; flex-direction: row; flex-wrap: wrap; align-content: stretch; justify-content: center; margin: 4rem 4rem 2rem; }
	#bottomstyle-menu a { margin: 0 0 1.5rem 2rem; font-size: 1.3rem; }
}

/* Medium screens 907px */
@media screen and (min-width: 56.6875em)
{
	#invest-descrip { margin: 2rem 2rem 0; }
	#invest-new p { padding: 0 16.2rem 0.3rem; }
}

/* Large screens 1024px */
@media screen and (min-width: 64em)
{
	#cont_banner_estudios h1 { font-size: 2.2rem; }
	#cont_banner_estudios p { font-size: 1.1rem; line-height: normal; max-width: 24rem; }
	#invest-new button { font-size: 1rem; }
	#invest-new p { font-size: 0.75rem; padding: 0 22rem 0.3rem; }
	#invest-descrip { margin: 3rem 2rem 0; }
	#invest-descrip p { font-size: 0.9rem; line-height: 1.3rem; padding: 0rem 9rem .5rem; }
	#invest-descrip p:nth-child(2) { font-size: 1.2rem; }
	#menu-estudios { margin: 4rem 2rem 2rem; }
	#menu-estudios a { font-size: 1rem; }
}

/* Large screens 1280px */
@media screen and (min-width: 80em)
{
	#cont_banner_estudios { height: 18.5rem; background-position-y: -1.2rem; padding: 8.75rem 7rem 0; }
	#invest-new p { padding: 0 30.1rem 0.4rem; }
	#invest-descrip p { padding: 0rem 13rem .5rem; }
}

/* Large screens 1335px */
@media screen and (min-width: 83.4375em)
{
	#menu-estudios { margin: 3rem 7rem 2rem; }
}

/* Large screens 1500px */
@media screen and (min-width: 93.75em)
{
	#cont_banner_estudios { height: 17.8rem; background-position-y: -2.2rem; padding: 9.75rem 7rem 1rem; }
	#cont_banner_estudios h1 { font-size: 2.5rem; font-weight: 500; }
	#invest-new p { padding: 0 36.1rem 0.4rem; }
	#invest-descrip p { font-size: 1.1rem; line-height: 1.5rem; }
}

/* Large screens 1700px */
@media screen and (min-width: 106.25em)
{
	#cont_banner_estudios { background-position-y: -5.2rem; }
	#cont_banner_estudios p { font-size: 1.25rem; max-width: 33rem; }
	#invest-new p { padding: 0 45.3rem 0.4rem; }
}