body {
	 background-color: #DA3144;
	 background-position: center; /* Center the image */
	 background-repeat: no-repeat; /* Do not repeat the image */
	 background-size: cover; /* Resize the background image to cover the entire container */
}

.sucursal-link{
	width: 95%;
}

.logo-presentacion{
	width: 40%;
	display:block;
	margin:auto;
}
.bienvenida{
	color: white;
	padding-top: 3%;
}

.bienvenida label{
	font-size: 4em;
}
/* Place the navbar at the bottom of the page, and make it stick */
.navbar {
  overflow: hidden;
  position: fixed;
  bottom: 0;
  width: 100%;
}
.exclusivo{
	margin-top: 2%;
	margin-bottom: 4%;
}
/* Style the links inside the navigation bar */
.navbar a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

/* Change the color of links on hover */
.navbar a:hover {
  background-color: #ddd;
  color: black;
}

/* Add a color to the active/current link */
.navbar a.active {
  background-color: #04AA6D;
  color: white;
}
	.desktop{
		display: block;
	}
	.mobile{
		display: none;
	}
	.mobile2{
		display: none;
	}	

@media (max-width: 700px) {
	.logo-presentacion{
		width: 70%;
		display:block;
		margin:auto;
	}
	.exclusivo{
		margin-top: 2%;
		margin-bottom: 4%;
		font-size: 1.3em !important;
	}

	.sucursal-link{
		width: 95%;
		padding: 3%;
	}
	.desktop{
		display: none;
	}
	.mobile{
		display: block;
	}
	.desktop{
		display: none;
	}	
	.mobile2{
		display: block;
	}		
	
}