body{
	position: relative;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    width: 100%;
    height: 100%;
}
.body-container, .header-container, .main-container{
	position: relative;
}
/*

@media only screen and (min-device-width : 1px) and (max-device-width : 320px){
	.header-container{
		padding-top: 5%;
		padding-bottom: 5%;
	}
	.headerLogo-container{
		max-width: 40%;
		margin-left: 30%;
	}
	.titulo-container, .cont-container,.list-container, .buttons-container{
		margin-top: 5%;
	}
	.titulo{
		width: 90%;
		margin-left: 5%;
	}
	.titulo span{
		font-size: 8vw;
	}
	.cont{
		width: 90%;
		margin-left: 5%;	
	}
	.cont span{
		font-size: 6vw;	
	}
	.list{
		width: 98%;
		margin-left: 1%;
		max-height: 35vh; 
		min-height: 35vh; 
	}
	.buttons-item button{
		font-size: 4vw;
	}
	.agregar-container{
		margin-top: 5%;
	}
	.list span{
		font-size: 5vw;
	}
}
@media only screen and (min-device-width : 321px) and (max-device-width : 375px){
	.header-container{
		padding-top: 4%;
		padding-bottom: 4%;
	}
	.headerLogo-container{
		max-width: 40%;
		margin-left: 30%;
	}
	.titulo-container, .cont-container,.list-container, .buttons-container{
		margin-top: 4%;
	}
	.titulo{
		width: 90%;
		margin-left: 5%;
	}
	.titulo span{
		font-size: 7vw;
	}
	.cont{
		width: 90%;
		margin-left: 5%;	
	}
	.cont span{
		font-size: 5vw;	
	}
	.list{
		width: 98%;
		margin-left: 1%;
		max-height: 35vh; 
		min-height: 35vh; 
	}
	.buttons-item button{
		font-size: 4vw;
	}
	.agregar-container{
		margin-top: 4%;
	}
	.list span{
		font-size: 5vw;
	}
}
@media only screen and (min-device-width : 376px) and (max-device-width : 425px){
	.header-container{
		padding-top: 3%;
		padding-bottom: 3%;
	}
	.headerLogo-container{
		max-width: 40%;
		margin-left: 30%;
	}
	.titulo-container, .cont-container,.list-container, .buttons-container{
		margin-top: 3%;
	}
	.titulo{
		width: 90%;
		margin-left: 5%;
	}
	.titulo span{
		font-size: 6vw;
	}
	.cont{
		width: 90%;
		margin-left: 5%;	
	}
	.cont span{
		font-size: 4vw;	
	}
	.list{
		width: 98%;
		margin-left: 1%;
		max-height: 35vh; 
		min-height: 35vh; 
	}
	.buttons-item button{
		font-size: 4vw;
	}
	.agregar-container{
		margin-top: 3%;
	}
	.list span{
		font-size: 4.5vw;
	}
}
@media only screen and (min-device-width : 426px) and (max-device-width : 768px){
	.header-container{
		padding-top: 2%;
		padding-bottom: 2%;
	}
	.headerLogo-container{
		max-width: 40%;
		margin-left: 30%;
	}
	.titulo-container, .cont-container,.list-container, .buttons-container{
		margin-top: 2%;
	}
	.titulo{
		width: 90%;
		margin-left: 5%;
	}
	.titulo span{
		font-size: 5vw;
	}
	.cont{
		width: 90%;
		margin-left: 5%;	
	}
	.cont span{
		font-size: 3vw;	
	}
	.list{
		width: 98%;
		margin-left: 1%;
		max-height: 35vh; 
		min-height: 35vh; 
	}
	.buttons-item button{
		font-size: 3vw;
	}
	.agregar-container{
		margin-top: 2%;
	}
	.list span{
		font-size: 3vw;
	}
}
@media only screen and (min-device-width : 769px) and (max-device-width : 1024px){
	.header-container{
		padding-top: 1.5%;
		padding-bottom: 1.5%;
	}
	.headerLogo-container{
		max-width: 30%;
		margin-left: 35%;
	}
	.titulo-container, .cont-container,.list-container, .buttons-container{
		margin-top: 1.5%;
	}
	.titulo{
		width: 90%;
		margin-left: 5%;
	}
	.titulo span{
		font-size: 4vw;
	}
	.cont{
		width: 90%;
		margin-left: 5%;	
	}
	.cont span{
		font-size: 2vw;	
	}
	.list{
		width: 98%;
		margin-left: 1%;
		max-height: 35vh; 
		min-height: 35vh; 
	}
	.buttons-item button{
		font-size: 2vw;
	}
	.agregar-container{
		margin-top: 1%;
	}
	.list span{
		font-size: 3vw;
	}
}
@media only screen and (min-device-width : 1025px){
	.header-container{
		padding-top: 1%;
		padding-bottom: 1%;
	}
	.headerLogo-container{
		max-width: 25%;
		margin-left: 37.5%;
	}
	.titulo-container, .cont-container,.list-container, .buttons-container{
		margin-top: 1%;
	}
	.titulo{
		width: 90%;
		margin-left: 5%;
	}
	.titulo span{
		font-size: 3vw;
	}
	.cont{
		width: 90%;
		margin-left: 5%;	
	}
	.cont span{
		font-size: 1vw;	
	}
	.list{
		width: 98%;
		margin-left: 1%;
		max-height: 35vh; 
		min-height: 35vh; 
	}
	.buttons-item button{
		font-size: 2vw;
	}
	.agregar-container{
		margin-top: 0.05%;
	}
	.list span{
		font-size: 2vw;
	}
}*/