@media screen and (max-width: 979px)
{
	.im1
	{
		width: 100%;
		height: auto;
	}
	.parrafo1 {
    margin: 4% 0 0 5%;
    text-align: justify;
    width: 90%;
}
	.parrafo1 .azul
	{
		background: #fff !important;
	}
	
.im2 {
    float: right;
    height: auto;
    margin-top: 3%;
    max-width: 100%;
}
.im3 {
    height: auto;
    margin-top: 50px;
    width: 100%;
}
.im4 {
    height: auto;
    margin: 0 auto 12px;
    max-width: 100%;
    text-align: center;
}	
	.parrafo3
	{
		margin: 3% 0 3% 0;
		width: 90%;
		float: left;
	}
	.parrafo5
	{
		width: 100%;
		margin: 3% 0 3% 0;
		height: auto;
		font-size: 22px;
	
		
	}
	.bold {
    font-weight: bold;
    margin-bottom: 22px;
    text-align: justify;
}
}

@media screen and (max-width: 500px)
{
	.parrafo5{
	background: #0068b1;
		font-size: 15px;
	}
}