* {	
	font-family: "Source Sans Pro", sans-serif;
}
@font-face{
 font-family:'BebasNeue-Regular';
 src: url('../fonts/BebasNeue-Regular.ttf') format('truetype'); /* everyone else take this */
}
.header--topbar {
 background: #283759 !important;
}
/*.float--left {
 display: none !important;
}*/
.nav .fa {
 color: #fbca01 !important;
}
.content-info {
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
}
h1 {
	color:  #000;
}
p {
	font-weight: 400;
} 
p span {
	font-weight: 600;
}
.l_bottom_yellow {
	background: #fbca01;
	width: 100%;
	height: 70px;
	position: absolute;
	top: 100%;
}
h2.title {
	color: #000 !important;
	padding-bottom: 8.25px;
	padding-top: 35px;
	position: relative;
	margin-bottom: 35px;
	/*font-size: 28px;*/
}
h2.title::before {
	content: "";
	position: absolute;
	background: #fbca01;
 width: 40px;
 left: 0;
 right: 0;
 height: 2px;
 bottom: 0;
 margin: 0 auto;
}


#contacto-banner {
 position: relative;
}
#contacto-banner img {
 width: 100%;
}
#contacto-banner h1 {
 position: absolute;
 color: #fff;
 text-transform: uppercase;
 font-weight: 700;
 left: 0;
 right: 0;
 text-shadow: 2px 0px 3px rgb(13 13 13 / 92%);
 top: 50%;
 margin-top: -45px;
 text-align: center;
}


.contacto-form {
 position: relative;
 margin-top: 140px;
}
.contacto-form h2.title {
 font-family:'BebasNeue-Regular' !important;
 font-size: 45px;
}
.contacto-form p, .contacto-form p > a {
	color: #283759;
	text-decoration: none;
	padding-bottom: 22px;
	font-size: 18px;
	text-align: center;
}
.contacto-form form {
 padding: 30px;
 background: #283759;
}
.contacto-form form .form-control {
 border-radius: 0;
}
.contacto-form form .btn {
 background-color: #fbca01;
 color: #283759;
 border-radius: 0;
 margin-top: 15px;
}
.contacto-form img {
 display: block;
 margin: 0 auto;
}


.contacto-sucursales {
 position: relative;
 margin-top: 70px;
}
.contacto-sucursales .box-info {
 padding: 30px;
 background: #283759;
 min-height: 250px;
}
.box-info i {
 color: #fbca01;
 font-size: 30px;
}
.box-info p.address {
 position: relative;
 padding-bottom: 22px;
 margin-bottom: 0;
}
.box-info p.address::before {
 content: "";
 position: absolute;
 left: 0;
 right: 0;
 background-color: #fbca01;
 width: 50px;
 height: 2px;
 margin: 0 auto;
 bottom: 11px;
}
.box-info p.sucursal {
	min-height: 48px;
	padding-top: 13.5px;
}

.box-info p {
 font-size: 18px;
 color: #fff;
}
/*.box-info p:last-child {
 margin-top: 20px;
}*/
.box-info a {
 color: #fff;
 font-size: 16px;
 margin-top: 15px;
}  


@media only screen and (max-width: 1024px) {
	.contacto-sucursales .box-info {
		min-height: 275px;
		margin-bottom: 15px;
	}
	.box-info p.sucursal {
		min-height: 72px;
		padding-top: 23.5px;
	}
}


@media only screen and (max-width: 816px) {
	h2.title {
		padding-top: 30px;
	}
	.contacto-sucursales .box-info {
  min-height: 215px;
	}
	.box-info i {
		margin-bottom: 15px;
	}
	.box-info p.sucursal {
		min-height: 100%;
		padding-top: 0px;
	}
}

@media only screen and (max-width: 416px) {
 .content-info {
  display: block;
 }
	h2.title {
		padding-top: 0;
	}
 .contacto-form img {
  margin-top: 17.5px;
 }
 .contacto-sucursales .box-info {
		min-height: auto !important;
	}
 .contacto-sucursales .box-info:first-child,
 .contacto-sucursales .box-info:last-child {
  margin-top: 17.5px;
 }
 .contacto-form {
  margin-top: 105px;
 }
 .contacto-sucursales {
  margin-top: 35px;
 }
}