@import url('https://fonts.googleapis.com/css?family=Raleway&display=swap');

html, body, div, p, a {
	font-family: 'Raleway', sans-serif;
}

.content1 {
	background: url(../images/telefono.svg);
    background-position: center left;
    background-repeat: no-repeat;
    margin: 80px 0;
    padding: 30px 0;
}
.content1 .btn {
	background: url(../images/bg_btn.png);
    background-repeat: no-repeat;
	background-size: 100% 100%;
    color: #FFF;
	display: inline-block;
    height: 40px;
    width: 300px;
}
img.pasos {
    margin: 20px 0 60px;
}


.sec3 {
    background: #DDE2E8;
	margin: 35px 0 0;
    padding: 30px 0 15px;
}

ul {
    display: inline-block;
    margin: 10px 0;
	padding: 0;
    width: 100%;
}
ul li {
    display: inline-block;
    list-style: none;
    padding: 0 1%;
    width: 18%;
}

ul.iconos1 li {
    margin: 0 1%;
    width: 11%;
}


ul.iconos2 li {
    width: 25%;
}
img.icon7 {
    width: 100px;
}

ul.iconos3 {
    margin-left: -50px;
}
.icon10, .icon11 {
    width: 60px;
}
img.icon13 {
    width: 110px;
}

footer {
    background: #030E50;
    color: #A3A6BB;
    padding: 25px 0;
}
span.txt1 {
    font-size: 22px;
    font-weight: 600;
    border-right: 1px solid;
    line-height: 1em;
    padding: 0 10px 0 0;
}
span.txt2 {
    font-size: 12px;
}


.content_pasos {
    margin: 20px 0;
}
.content_pasos img {
    width: 16.5%;
}

img.audio {
    margin: 20px 30%;
    width: 40%;
}

.sec1 {
    background: url(../images/sombra_top.svg);
	background-size: auto 100%;
	margin: 0 0 30px;
	padding: 0 0 40px;
}
.sec1 p {
    padding: 0 12%;
}


.content_pasos h3 {
    font-size: 36px;
    font-weight: 600;
    margin: 0 auto;
    position: relative;
    top: 35px;
    z-index: 9;
}
.content_pasos .col-md-6 {
	padding: 0px;	
}
.content_pasos div img {
    height: 300px;
    width: auto;
}
.content_pasos .col-md-12 img {
    height: auto;
    width: 60%;
}


@media only screen and (max-width: 479px) {
	.hide_movil {
		display:none;
	}
	.show_movil {
		display: block !important;
	}
	
	img.tel {
		margin: 0 20% 25px;
		width: 60%;
	}
	
	.content1 {
		background: none;
		margin: 0;
	}
	
	.sec1 h1 {
		font-size: 26px;
	}
	.sec1 h2 {
		font-size: 16px;
		margin: 0 0 20px;
	}
	.sec1 p {
		font-size: 14px;
		padding: 0;
	}
	img.audio {
		margin: 20px 5%;
		width: 90%;
	}
	.content1 .btn {
		width: 100%;
	}
	
	.pasos_m {
		display:inline-block !important;
		margin:20px 0;
		width: 100%;
	}
	
	ul.iconos1 li {
		margin: 15px 1%;
		width: 30%;
	}
	ul.iconos2 li img {
		max-width: 100%;
	}
	ul.iconos3 li {
		width: 30%;
	}
	ul.iconos3 {
		margin-left: 0px;
	}
	
	.sec2 h3 {
		font-size: 22px;
	}
	
	span.txt1 {
		font-size: 14px;
		margin-right: 3px;
		padding-right: 5px;
	}
	span.txt2 {
		font-size: 10px;
	}
	
	.content_pasos div img {
		height: auto !important;
		width: 100% !important;
	}
	
	.content_pasos h3 {
		top: 10px;
	}
}