@media screen and (max-width: 1000px) {
	.texto-banner { font-size: 25px; }
	.texto-about h1 { font-size: 35px; }
	
	.texto-about { 
		font-size: 20px;
		width: 650px;
	}
	
	.bloque-services h2 { font-size: 30px; }
	.bloque-services span { font-size: 40px; }
	.bloque-services p, 
	.bloque-services ul { font-size: 15px; }
	
	.texto-blog-home h2 { font-size: 20px; }
	.texto-blog-home { padding: 50px; }
}

@media screen and (max-width: 850px) {
	.margen { padding: 0px 20px; }
	
	button#navbar-toggle {
		display: block;
		top: -6px;
		right: 0;
	}
	
	header .col-30, 
	header .col-70 { width: 50%; }
	
	a.logo-header { 
		max-width: 150px; 
		margin-top: 4px;
	}
	
	.banner-home { height: 70vh; }
	
	.texto-banner {
		font-size: 16px;
		padding: 10px 30px 20px;
		width: 64%;
	}
	
	.bloque-gris { padding: 40px 35px; }
	
	.bloque-gris h1 {
		line-height: 140%;
		font-size: 20px;
	}
	
	.bloque-blog .cont-flex, 
	.bloque-blog .col-50 {
		display: block;
		width: 100%;
	}
	
	.portada-blog { height: 250px; }
	
	.texto-blog-home { padding: 30px 20px; }
	
	.texto-blog-home h2 {
	    font-size: 20px;
		text-align: left;
		margin-bottom: 20px;
	}
	
	footer { border-top: 30px solid #E65125; }
	
	p.titulo-footer {
		font-size: 15px;
		margin: 25px 0px;
	}
	
	.data-footer {
		font-size: 12px;
		margin-bottom: 10px;
	}
	
	footer small, 
	footer .small-footer { max-width: 300px; }
	
	ul#menu-menu-principal {
		display: none;
		position: fixed;
		top: 0;
		background-color: #E65125;
		width: 100%;
		left: 0;
		padding-top: 70px;
		z-index: -1;
		height: 100%;
		text-align: center;
	}
	
	ul#menu-menu-principal li {
		display: block;
		width: 100%;
		margin: 20px 0px;
		font-size: 20px;
		color: #FFF;
	}
	
	ul#menu-menu-principal li a { color: #FFF; }
	#navbar-toggle.navbar-toggle-active .icon-bar { background-color: #FFF; }
	
	.texto-about {
		font-size: 15px;
		width: 90%;
	}
	
	.texto-about h1 { font-size: 25px; }
	.texto-about p { pading: 0px 40px 80px; }
	.contenedor-about { height: 70vh; }
	
	.contenedor-services h1 {
		font-size: 30px;
		padding: 20px 0px;
		margin: 0px auto 40px;
	}
	
	.contenedor-services { padding-top: 40px; }
	
	.contenedor-services .cont-flex, 
	.contenedor-services .col-50 {
		display: block;
		width: 90%;
		margin: 0 auto;
	}
	
	.bloque-services { padding: 20px; }
	
	.bloque-services span.left,
	.bloque-services span.right {
		left: 0;
		position: relative;
		top: 0;
		display: inline-block;
		font-size: 30px;
		vertical-align: middle;
		width: 10%;
	}
	
	.bloque-services h2 {
		font-size: 20px;
		display: inline-block;
		vertical-align: middle;
		width: 85%;
		margin-bottom: 0px;
	}
	
	.bloque-services p, 
	.bloque-services ul {
		font-size: 13px;
		margin-top: 20px;
	}
	
	.contenedor-services .col-50 { margin-bottom: 50px; }
	
	.contenedor-contacto .cont-flex, 
	.contenedor-contacto .col-50 {
		display: block;
		width: 100%;
	}
	
	.contenedor-contacto .col-50.fondo-contacto {
		background-size: cover;
		position: fixed;
		z-index: -1;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	
	form#form-contacto {
		display: block;
		width: 100%;
		margin: 40px auto 0px;
		text-align: left;
		background-color: rgb(255 255 255 / 70%);
		padding: 40px;
		box-sizing: border-box;
	}
	
	form#form-contacto h2 { margin-bottom: 30px; }
	
	.contenedor-single-blog { margin-top: 80px; }
	.contenedor-single-blog .cont-flex { display: block; }
	
	.contenedor-single-blog .cont-flex .col-50 {
		display: block;
		width: 100%;
		text-align: justify;
	}
	
	.fondo-contacto {
		height: 300px;
		margin-bottom: 20px;
	}
	
}

@media screen and (max-width: 450px) {
}