/* xl */
@media only screen and (min-width : 1200px) {}

/* lg */
@media only screen and (max-width : 1199px) {}

/* md */
@media only screen and (max-width : 991px) {
	
	.navbar-toggler{
		color:white;
	}
	footer nav{
		margin-bottom: 2em;
	}
	footer .text-right{
		text-align: left !important;
	}
	
}

/* sm */ 
@media only screen and (max-width : 767px) {
	
	.espacio{
		padding:2.5rem 0;
	}
	header{
		height: auto !important;
		padding-bottom:1.5em;
	}
	header #headerinner{
		position: static;
	}
	a.navbar-brand img{
		width: 110px;
	}
	ul.navbar-nav{
		margin-top: 1.25em;
	}
	a.nav-link {
	    margin-left: 0em;
		padding:1.25em 0;
		border-bottom:solid 1px #444;
	}
	#headerinner h1{
		display:none;
	}

	body.inicio header,
	body.productos header,
	body.nosotros header,
	body.vivero header,
	body.contacto header{
		background:#222 !important;
	}
	
	footer nav{
		display:block;
		width: 100%;
		margin: 0 auto;
	}
	footer nav a{
		display:inline-block;
		margin:0 !important;
		padding:0.25rem 0 0.5rem 0;
		width:19%;
		text-align: center;
	}
	footer span{
		display:block;
		padding:2rem 0;
		width: 100%;
		text-align: center;
	}
	footer img{
		display:block;
		margin:0 auto 4rem auto;
		width: 30px;
		text-align: center;
	}
	
	body.inicio .boton.mt-5{
		margin:1rem 0 3.5rem 0 !important;
	}
	.cinturon a img{
		margin-top: 30px;
	}
	
	body.nosotros .fondogris .text-center{
		text-align: left !important;
	}
	body.nosotros .fondogris .text-center h1{
		margin-bottom: 0;
	}
	body.nosotros .fondogris img{
		margin:1em 0 0 0;
	}
	body.nosotros .fondogris a.mt-5{
		margin-top: 1rem!important;
	}
	.prensa{
		background:none !important;
	}
	.prensa h2.mt-5{
		margin-top: 30px !important;
	}
	.cinturon.mb-5{
		margin-bottom:0 !important;
	}
	.cinturon a img {
	    margin-top: 0px;
		margin-bottom: 30px;
	}
	
	body.vivero h1.mt-5{
		margin-top: 15px !important;
	}
	body.vivero img.mt-5{
		margin-top: 30px !important;
	}
	
	body.productos .text-center{
		text-align: left !important;
	}
	body.productos .fondogris h2{
		margin-bottom: 15px;
	}
	body.productos h2.mt-5{
		margin:15px 0 30px 0 !important;
		text-align: left !important;
	}
	body.productos .boton{
		margin:15px 0 30px 0!important;
	}
	body.productos h3 {
	    margin: 1rem 0 0rem 0;
	}
	
	#datos{
		padding:3em 0 2.5em 0;
	}
	#formulario{
		margin-top: 2em;
	}
	
}

/* xs */ 
@media only screen and (max-width : 575px) {
	
	#pelado{
		padding-right:0em;
	}
	#cascara{
		padding-top:2rem;
		padding-left:0em;
	}
	
}