/*#240-320*/
@media screen and (min-width:240px) and (max-width:320px) 
{
	  
	.letterblue4
    {
    font-size: 0.7rem !important;
	font-weight:bold;
    color: rgb(29, 70, 141);
    letter-spacing: 0em;
    --para-spacing: 0;
    text-transform: none;
    list-style-type: none;}
	
	
    .fondo {
    width: 100%;
    background-color: #E9EFF9;
    border-radius: 10px 10px 10px 10px;}
	
    .margenbottom {
    margin-bottom: 2.5% !important;}
	
	
    .img-fluid {
    max-width: 100%;
	width:100% !important:;
    height: auto;}
	
	.py-5 {
    padding-top: 3rem !important;
   }
   
   
   .letterblue {
    font-size: 1.5rem !important;
    font-weight: bold !important;
    color: rgb(29, 70, 141) !important;
    border-radius: 10px 10px 10px 10px !important;
   }
   
   .margenpc {
    margin-top: 10px !important;}
	
   .anchodegradado {
    width: 100% !important;
    height: 100px !important;}
	
	
	a.enlace1 {
	font-size: 0.5rem !important;
	font-weight:bold;
    color: rgb(29, 70, 141);
    letter-spacing: 0em;
    --para-spacing: 0;
    text-transform: none;
    --head-indent: 0;
    --numeric-list-marker: none;
    list-style-type: none;
    color: #1d468d;
    text-decoration: none
	}
	a.enlace1:hover {
		color: #ffffff;
		font-weight: bold !important;
	}

   .esticky
{width:20% !important;}
	
  
	
}


/*#321-360*/
@media screen and (min-width:321px) and (max-width:360px) 
{
	  
	.letterblue4
    {
    font-size: 0.7rem !important;
	font-weight:bold;
    color: rgb(29, 70, 141);
    letter-spacing: 0em;
    --para-spacing: 0;
    text-transform: none;
    list-style-type: none;}
	
	
    .fondo {
    width: 100%;
    background-color: #E9EFF9;
    border-radius: 10px 10px 10px 10px;}
	
    .margenbottom {
    margin-bottom: 2.5% !important;}
	
	
    .img-fluid {
    max-width: 100%;
	width:100% !important:;
    height: auto;}
	
	.py-5 {
    padding-top: 3rem !important;
   }
   
   
   .letterblue {
    font-size: 1.5rem !important;
    font-weight: bold !important;
    color: rgb(29, 70, 141) !important;
    border-radius: 10px 10px 10px 10px !important;
   }
   
   .margenpc {
    margin-top: 10px !important;}
	
	
	.anchodegradado {
    width: 100% !important;
    height: 100px !important;}
	
	
		a.enlace1 {
	font-size: 0.5rem !important;
	font-weight:bold;
    color: rgb(29, 70, 141);
    letter-spacing: 0em;
    --para-spacing: 0;
    text-transform: none;
    --head-indent: 0;
    --numeric-list-marker: none;
    list-style-type: none;
    color: #1d468d;
    text-decoration: none
	}
	a.enlace1:hover {
		color: #ffffff;
		font-weight: bold !important;
	}

	
   .esticky
   {width:20% !important;}
	
}



/*#361-414*/
@media screen and (min-width:361px) and (max-width:414px) 
{
	  
	.letterblue4
    {
    font-size: 0.7rem !important;
	font-weight:bold;
    color: rgb(29, 70, 141);
    letter-spacing: 0em;
    --para-spacing: 0;
    text-transform: none;
    list-style-type: none;}
	
	
    .fondo {
    width: 100%;
    background-color: #E9EFF9;
    border-radius: 10px 10px 10px 10px;}
	
    .margenbottom {
    margin-bottom: 2.5% !important;}
	
	
    .img-fluid {
    max-width: 100%;
	width:100% !important:;
    height: auto;}
	
	.py-5 {
    padding-top: 3rem !important;
   }
   
   
   .letterblue {
    font-size: 1.5rem !important;
    font-weight: bold !important;
    color: rgb(29, 70, 141) !important;
    border-radius: 10px 10px 10px 10px !important;
   }
   
   .margenpc {
    margin-top: 10px !important;}
	
	
	.anchodegradado {
    width: 100% !important;
    height: 100px !important;}
	
		a.enlace1 {
	font-size: 0.7rem !important;
	font-weight:bold;
    color: rgb(29, 70, 141);
    letter-spacing: 0em;
    --para-spacing: 0;
    text-transform: none;
    --head-indent: 0;
    --numeric-list-marker: none;
    list-style-type: none;
    color: #1d468d;
    text-decoration: none
	}
	a.enlace1:hover {
		color: #ffffff;
		font-weight: bold !important;
	}

	
   .esticky
   {width:20% !important;}
	
}




/*#415-520*/
@media screen and (min-width:415px) and (max-width:528px) 
{
	  
	.letterblue4
    {
    font-size: 0.7rem !important;
	font-weight:bold;
    color: rgb(29, 70, 141);
    letter-spacing: 0em;
    --para-spacing: 0;
    text-transform: none;
    list-style-type: none;}
	
	
    .fondo {
    width: 100%;
    background-color: #E9EFF9;
    border-radius: 10px 10px 10px 10px;}
	
    .margenbottom {
    margin-bottom: 2.5% !important;}
	
	
    .img-fluid {
    max-width: 100%;
	width:100% !important:;
    height: auto;}
	
	.py-5 {
    padding-top: 3rem !important;
   }
   
   
   .letterblue {
    font-size: 1.5rem !important;
    font-weight: bold !important;
    color: rgb(29, 70, 141) !important;
    border-radius: 10px 10px 10px 10px !important;
   }
   
   .margenpc {
    margin-top: 10px !important;}
	
	
	.anchodegradado {
    width: 100% !important;
    height: 100px !important;}
	
   .esticky
   {width:20% !important;}
	
}



/*#529-600*/
@media screen and (min-width:529px) and (max-width:600px) 
{
	  
	.letterblue4
    {
    font-size: 0.7rem !important;
	font-weight:bold;
    color: rgb(29, 70, 141);
    letter-spacing: 0em;
    --para-spacing: 0;
    text-transform: none;
    list-style-type: none;}
	
	
    .fondo {
    width: 100%;
    background-color: #E9EFF9;
    border-radius: 10px 10px 10px 10px;}
	
    .margenbottom {
    margin-bottom: 2.5% !important;}
	
	
    .img-fluid {
    max-width: 100%;
	width:100% !important;
    height: auto;}
	
	.py-5 {
    padding-top: 3rem !important;
   }
   
   
   .letterblue {
    font-size: 1.5rem !important;
    font-weight: bold !important;
    color: rgb(29, 70, 141) !important;
    border-radius: 10px 10px 10px 10px !important;
   }
   
   .margenpc {
    margin-top: 10px !important;width: 100%;}
	
	
	.anchodegradado {
    margin-top: 293px !important;
    width: 100%;}
	
	.esticky
   {width:20% !important;}
   
	
}


/*#601-767*/
@media screen and (min-width:601px) and (max-width:767px) 
{
	  
	.letterblue4
    {
    font-size: 0.7rem !important;
	font-weight:bold;
    color: rgb(29, 70, 141);
    letter-spacing: 0em;
    --para-spacing: 0;
    text-transform: none;
    list-style-type: none;}
	
	
    .fondo {
    width: 100%;
    background-color: #E9EFF9;
    border-radius: 10px 10px 10px 10px;}
	
    .margenbottom {
    margin-bottom: 2.5% !important;}
	
	
    .img-fluid {
    max-width: 100%;
	width:100% !important;
    height: auto;}
	
	.py-5 {
    padding-top: 3rem !important;
   }
   
   
   .letterblue {
    font-size: 1.5rem !important;
    font-weight: bold !important;
    color: rgb(29, 70, 141) !important;
    border-radius: 10px 10px 10px 10px !important;
   }
   
   .margenpc {
    margin-top: 10px !important;width: 100%;}
	
	
	.anchodegradado {
    width: 100% !important;
    height: 100px !important;}
   
   .esticky
	{width:20% !important;}
	
}



/*#768-800*/
@media screen and (min-width:768px) and (max-width:800px) 
{
	  
	.letterblue4
    {
    font-size: 0.7rem !important;
	font-weight:bold;
    color: rgb(29, 70, 141);
    letter-spacing: 0em;
    --para-spacing: 0;
    text-transform: none;
    list-style-type: none;}
	
	
    .fondo {
    width: 100%;
    background-color: #E9EFF9;
    border-radius: 10px 10px 10px 10px;}
	
    .margenbottom {
    margin-bottom: 2.5% !important;}
	
	
    .img-fluid {
    max-width: 100%;
	width:100% !important;
    height: auto;}
	
	.py-5 {
    padding-top: 3rem !important;
   }
   
   
   .letterblue {
    font-size: 1.5rem !important;
    font-weight: bold !important;
    color: rgb(29, 70, 141) !important;
    border-radius: 10px 10px 10px 10px !important;
   }
   
   .margenpc {
    margin-top: 10px !important;width: 100%;}
	
	
	.anchodegradado {
    width: 100% !important;
    height: 900px !important;
	margin-left: 100px
	}
	
	.esticky
    {width:20% !important;}
   
	
}


/*#801-958*/
@media screen and (min-width:801px) and (max-width:958px) 
{
	  
	.letterblue4
    {
    font-size: 0.7rem !important;
	font-weight:bold;
    color: rgb(29, 70, 141);
    letter-spacing: 0em;
    --para-spacing: 0;
    text-transform: none;
    list-style-type: none;}
	
	
    .fondo {
    width: 100%;
    background-color: #E9EFF9;
    border-radius: 10px 10px 10px 10px;}
	
    .margenbottom {
    margin-bottom: 2.5% !important;}
	
	
    .img-fluid {
    max-width: 100%;
	width:100% !important;
    height: auto;}
	
	.py-5 {
    padding-top: 3rem !important;
   }
   
   
   .letterblue {
    font-size: 1.5rem !important;
    font-weight: bold !important;
    color: rgb(29, 70, 141) !important;
    border-radius: 10px 10px 10px 10px !important;
   }
   
   .margenpc {
    margin-top: 10px !important;width: 100%;}
	
	
	.anchodegradado {
    width: 100% !important;
    height: 900px !important;
	margin-left: 100px
	}
	
	.esticky
	{width:20% !important;}
   
	
}


/*#959-991*/
@media screen and (min-width:959px) and (max-width:991px) 
{
	  
	.letterblue4
    {
    font-size: 0.7rem !important;
	font-weight:bold;
    color: rgb(29, 70, 141);
    letter-spacing: 0em;
    --para-spacing: 0;
    text-transform: none;
    list-style-type: none;}
	
	
    .fondo {
    width: 100%;
    background-color: #E9EFF9;
    border-radius: 10px 10px 10px 10px;}
	
    .margenbottom {
    margin-bottom: 2.5% !important;}
	
	
    .img-fluid {
    max-width: 100%;
	width:100% !important;
    height: auto;}
	
	.py-5 {
    padding-top: 3rem !important;
   }
   
   
   .letterblue {
    font-size: 1.5rem !important;
    font-weight: bold !important;
    color: rgb(29, 70, 141) !important;
    border-radius: 10px 10px 10px 10px !important;
   }
   
   .margenpc {
    margin-top: 10px !important;width: 100%;}
	

	
	.anchodegradado{width: 100% !important;
    height: 900px !important;
    margin-left: 100px;}
	
	.esticky
	{width:20% !important;}
   
	
}



/*#992-1023*/
@media screen and (min-width:992px) and (max-width:1023px) 
{
	 .anchodegradado
	 {
		  width: 50% !important;
		  height:900px !important;
	 }
	 
	 .esticky
	{width:20% !important;}
}


/*#1024-1280*/
@media screen and (min-width:1024px) and (max-width:1280px) 
{
	 .anchodegradado
	 {
		  width: 50% !important;
		  height:500px !important;
	 }
	 
	 .esticky
     {width:10% !important;}
}


/*#1281-1366*/
@media screen and (min-width:1281px) and (max-width:1366px) 
{
	 .anchodegradado
	 {
		  width: 50% !important;
		  height:600px !important;
	 }
	 
	 .esticky
     {width:10% !important;}
}

@media screen and (min-width:1367px) 
{
	
	.anchodegradado
	 {
		  width: 50% !important;
		  height:600px !important;
	 }
	 
	 .esticky
     {width:10% !important;}
}