@media all and (min-width: 768px){
	.calugas .cal{
		box-sizing: border-box;
		display: inline-block;
		vertical-align: top;
		width: 50%;
	}
	.redes{
		border-bottom-left-radius: 1em;
		padding: 0.3em 0.5em;
		position: fixed;
		right: 0em;
	}
	.redes a{
		font-size: 1.5em;
	}
}
@media all and (min-width: 1024px){
	footer .bg .izq{
		float: left;
		width: 20%;
	}
	footer .bg .foo1,footer .bg .foo2,footer .bg .foo3{
		/* background-color: #fff; */
		box-sizing: border-box;
		float: left;
		width: 24%;
	}
	footer .bg .foo1{
		margin: 0em 0em 0em 8%;
	}
	.calugas .cal{
		width: 25%;
	}
	.product .izq {
		float: left;
		width: 48%;
	}
	.product .der{
		float: right;
		width: 48%;
		padding: 5em 0em 0em 0em;
	}
}
@media all and (min-width: 1280px){
	.margen{
		max-width: 80em;
		margin: 0em auto;
		width: 100%;
	}
	header .izq{
		box-sizing: border-box;
		float: left;
		width: 58%;
		text-align: left;
	}
	header .izq h2 span{
		margin: 0em;
	}
	header .izq .btn{
		margin: 0em;
	}
	header .izq h1{
		font-size: 3.8em;
	}
	header .der{
		box-sizing: border-box;
		float: right;
		width: 38%;
	}
	.franja .izq{
		float: left;
		width: 70%;
	}
	.franja .der{
		float: right;
		padding: 4em 0em 1em 0em;
		width: 28%;
	}
	.product .izq {
		float: left;
		width: 58%;
	}
	.product .der{
		float: right;
		width: 38%;
		padding: 5em 0em 0em 0em;
	}
}