body {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	overflow-x: hidden;
}
a {
	text-decoration:none;
	color:#303030;
}
@media only screen and (max-width: 2900px) {
	.cont_logo{
		clear: both;
		float: left;
		margin-top: 100px;
		margin-bottom: 100px;
		width: 100%;
	}
	.logo{
		width: 250px;
		margin: 0 auto;
	}
	.logo img{
		width: 100%;
	}
	#demo{
		width: 100%;	
	}
	.section0{
		clear: both;
		float: left;
		width: 100%;
		margin-top: 100px;
	}
	.titulo{
		margin:0 auto;
		width: 50%;
	}
	.titulo img{
		width: 100%;
	}
	.section1{
		clear: both;
		float: left;
		width: 100%;
		margin-top: 200px;
	}
	.section1 .texto{
		margin-top: 65%;
		margin-left: 25%;
	}
	.section1 .texto div{
		position: absolute;
		width: 40%
	}
	.section1 .texto .gris{
		margin-top:10%;
	}
	.section2{
		clear: both;
		float: left;
		width: 100%;
		margin-top:200px;
	}
	.section2 .titulo_img{
		width: 25%;
	}
	.section2 .imagen{
		width: 100%;
		height: auto;
	}
	.section3{
		clear: both;
		float: left;
		width: 100%;
		margin-top: -5px;
	}
	.section3 .cont_img{
		float: left;
		width: 60%;
	}
	.section3 .titulo_img{
		width: 30%;
	}
	.section3 .cont_texto{
		float: left;
		width: 40%;
	}
	.section3 .texto{
		margin:0 15%;
		margin-top:30%;
	}
	.section4{
		clear: both;
		float: left;
		width: 100%;
		margin-top: -5px;
	}
	.section4 .titulo_img{
		width: 30%;
	}
	.section4 .imagen{
		width: 100%;
	}
	.section5{
		clear: both;
		float: left;
		width: 100%;
		margin-top: 150px;
	}
	.section5 .azul{
		margin:0 15%;
		text-align:center;
		margin-bottom: 150px;
	}
	.section5 .cont_5{
		float: left;
		width: 50%;
	}
	.section5 .cont_5 p{
		margin:0 5%;
	}
	.section5 .cont_5:nth-of-type(1) p{
		margin-left: 15%;
	}
	.section5 .cont_5:nth-of-type(2) p{
		margin-right: 15%;
	}
	.section6{
		clear: both;
		float: left;
		margin-top:200px;
		width: 100%;
	}
	.section6 .cont_img{
		margin:0 auto;
		width: 50%;
	}
	.section7{
		clear: both;
		float: left;
		margin-top: 200px;
		width: 100%
	}
	.section7 .texto{
		margin-right: 5%;
	}
	.section7 .gris{
		text-align:right;
	}
	.section7 .img{
		margin:auto;
		width: 50px
	}
	.section7 .img img{
		width: 100%;
	}
	.titulo_img{
		position: absolute;
	}
	.titulo_img img{
		width: 100%;
	}
	.imagen img{
		width: 100%;
	}
	.azul {
		font-family: 'Fira Sans', sans-serif;
		font-weight: 300; 
		font-size: 28px;
		color:#0e2080;
	}
	.gris {
		font-family: 'Fira Sans', sans-serif;
		font-weight: 300; 
		font-size: 26px;
		text-align: justify;
		color:#303030;
	}
	div.col_a_b1{
		float: right;
		width: 60%;
		height: auto;
	}
	div.col_b_b1{
		float: right;
		width: 40%;
		height: auto;
	}
	.libro img{
		width: 100%;
		text-align: center;	
	}
}
@media only screen and (max-width: 1440px) {
	.gris{
		font-size: 20px;
	}
	.azul{
		font-size: 24px;
	}
	.section1{
		margin-bottom: 100px;
	}
	.section1 .texto {
    margin-top: 20%;
    margin-left: 25%;
	}
	.libro img {
    width: 80%;
    text-align: center;
    float: right;
	}
	.section1 .texto div {
    width: 45%;
	}
	.section1 .texto .gris {
    margin-top: 0%;
	}
	.section2 .titulo_img{
		width: auto;
	}
	.section3 .titulo_img{
		width: auto;
	}
	.section4 .titulo_img{
		width: auto;
	}
	.section2 .titulo_img{
		width: auto;
	}
}
@media only screen and (max-width: 1200px) {
	.section3 .texto{
		margin-top:10%;
	}
}
@media only screen and (max-width: 1024px) {
	.gris{
		font-size: 20px;
	}
	.azul{
		font-size: 24px;
	}
	.section1{
		margin-bottom: 100px;
	}
	.section1 .texto {
    margin-top: 0%;
    margin-left: 25%;
	}
	.libro img {
    width: 70%;
    text-align: center;
    float: right;
	}
	.section1 .texto div {
    width: 55%;
	}
	.section1 .texto .gris {
    margin-top: 0%;
	}
		.section3 .cont_img{
		width: 100%;
	}
	.section3 .cont_texto{
		width: 100%;
	}
	.section3 .texto {
     margin-top: 10%; 
     margin-bottom: 10%;	
	}
}

@media only screen and (max-width: 768px) {
	.cont_logo .logo{
		width: 200px;
	}
	.section1 .texto div {
		position: unset;
		width: 100%; 
	}
	.section1 .texto {
		margin-top: 0%;
		margin:0 15%;
	}
	div.col_a_b1{
		float: right;
		width: 100%;
		height: auto;
		display: block;
	}
	div.col_b_b1{
		float: left;
		width: 100%;
		height: auto;
		right: 0;
	}
	.gris{
		font-size: 24px;
	}
	.azul{
		font-size: 28px;
	}
	.section2{
		margin-top: 0;
	}
	.section5{
		margin-top: 50px;
	}
	.section5 .azul{
		margin-bottom: 50px;
	}
	.section5 .cont_5{
		width: 100%;
	}
	.section5 .cont_5:nth-of-type(1) p{
		margin-left: 5%;
	}
	.section5 .cont_5:nth-of-type(2) p{
		margin-right: 5%;
	}
} 
@media only screen and (max-width: 600px) {
	.gris{
		font-size: 18px;
	}
	.azul{
		font-size: 22px;
	}
	.section6 .cont_img {
    margin: 0 auto;
    width: 70%;
	}
	.section7 .img{
		margin-top: 0;
	}
	.section1 .texto {
    margin-top: 0%;
    margin: 0 5%;
	}
	.section3 .texto{
		margin:0 5%;
	}
	.cont_logo{
		margin-bottom: 40px;
		margin-top: 40px;
	}
	.section0{
		margin-top: 30px;
	}
	.section1{
		margin-top: 30px;
		margin-bottom: 30px;
	}
	.section3{
		margin-bottom: 30px;
	}
	.section6{
		margin-top: 100px;
	}
	.section7{
		margin-top: 100px;
	}
}