/* CUSTOM CSS  */
#columna_derecha, #columna_derecha_feder{
	position: absolute;
	width: 50%;
}
 #columna_derecha_feder{
 	bottom:30px;
 }
img.logo{
	display: table;
	margin: 0 auto;
	max-width: 50%;
	margin-top: 10%;
}

img.feder{
	display: table;
	margin: 0 auto;
	max-width: 50%;
	bottom: 20px;
	margin-top: 80px;

}
#columna_izquierda_pizzero{
	position: absolute;
	width: 50%;
	right: 0;
	bottom: 0
}
img.pizzero{
	display: table;
	margin:0 auto;
	width: 65%;
}

#columna_izquierda {
	position: absolute;
	width: 50%;
	right: 0;
	height: 100%;
    background-image: url(../img/bg_right.jpg) ;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding-top:40px;
}
.contacto p{
	font-size: 16px;
}
.contacto p.title{
	font-weight: bold;
	color:black;
	padding-bottom: 5px;

}
.contacto {
	background-color: #f1f1f1;
	padding:30px;
	display: table;
	margin: 0 auto;
	max-width: 50%;
	text-align: center;
	margin-top: 80px;
}

#columna_izquierda p{
	text-align: center;
	color:white;
	margin-right: 15%;
	margin-left: 15%;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 16px;

}
hr{
	margin-left: 30%;
	margin-right: 30%;
}


@media (max-width: 1024px) {
	img.pizzero {
  		 width: 100%;
	}
}
@media (max-width: 768px) {
	
	#columna_izquierda{
		padding-top: 200px;
	}
}

@media (max-width: 480px) {
	#columna_derecha, #columna_derecha_feder {
	    position: initial;
	    width: 100%;
	}
	.contacto {
		margin-top: 20px;
	}
	img.feder{
		max-width: 67%;
		margin-top:10px;
	}
	#columna_izquierda{
		padding-top: 20px;
		position: initial;
		width: 100%;
		margin-top: 30px;
		background-image: url(../img/bg.jpg) ;
	    background-repeat: no-repeat;
	    background-size: cover;
	    background-position: center top;
	    padding-top:40px;
	    padding-bottom:300px;

	}
	img.pizzero{
		display: none;
	}
	#columna_izquierda p{
		margin: 10px;
	}
}