/* ! HEADER && FOOTER =========================================== */

/* INDICE
! -------------- HEADER -------------- !
*   #fepbatesba__header
*       #borde-gradient__header
*		#contenedor__header
*           #contenedor-items__header
*               #ba-logo-contenedor__header
*               	#ba-logo__header
*           #titulo__header
*               #titulo__header > h4
! -------------- Media Queries -------------- !
? -------------- 700px -------------- ?
*       	#contenedor-items__header
? -------------- 500px -------------- ?
*       	#contenedor-items__header
*				#ba-logo-contenedor__header
*				#titulo__header
*					#titulo__header > h4
*		#etiqueta-cierre__header
*
! -------------- FOOTER -------------- !
*	#fepbatesba__footer
*		#contenedor__footer
*			#contenedor-items__footer
*				#ba-blanco-contenedor__footer
*					#ba-blanco__footer
*				#titulo__footer
*					#titulo__footer > h4
! -------------- Media Queries -------------- !
? -------------- 870px -------------- ?
*       	#contenedor-items__footer
? -------------- 700px -------------- ?
*       		#titulo__footer h4
? -------------- 600px -------------- ?
*			#contenedor-items__footer
*				#ba-blanco-contenedor__footer
*					#ba-blanco__footer
*				#titulo__footer h4
*
*/

/* ! HEADER =========================================== */

#fepbatesba__header{
	/* max-height: 20vh; */
	background-color: #fff;
	border-bottom: 2px solid #ddd;
}

	#borde-gradient__header {
		height: 6px;
		background: rgba(253,211,4,1);
		background: -moz-linear-gradient(left, rgba(253,211,4,1) 0%, rgba(253,211,4,1) 46%, rgba(231,75,60,1) 100%);
		background: -webkit-gradient(left top, right top, color-stop(0%, rgba(253,211,4,1)), color-stop(46%, rgba(253,211,4,1)), color-stop(100%, rgba(231,75,60,1)));
		background: -webkit-linear-gradient(left, rgba(253,211,4,1) 0%, rgba(253,211,4,1) 46%, rgba(231,75,60,1) 100%);
		background: -o-linear-gradient(left, rgba(253,211,4,1) 0%, rgba(253,211,4,1) 46%, rgba(231,75,60,1) 100%);
		background: -ms-linear-gradient(left, rgba(253,211,4,1) 0%, rgba(253,211,4,1) 46%, rgba(231,75,60,1) 100%);
		background: linear-gradient(to right, rgba(253,211,4,1) 0%, rgba(253,211,4,1) 46%, rgba(231,75,60,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdd304', endColorstr='#e74b3c', GradientType=1 );
	}

	#contenedor__header {
		max-width: 1140px;
		width: 100%;
		padding: 1rem 0;
		margin: 0 auto;
	}

		#contenedor-items__header {
			display: grid;
			grid-template-columns: 10% 90%;
			margin: 0 1.5rem;
		}

			#ba-logo-contenedor__header {
				margin-right: 1rem;
				align-self: center;
				border-right: solid 1px #ccc;
			}

				#ba-logo__header {
					width: 100%;
					min-width: 60px;
					max-width: 90px;
					height: auto;
					padding-right: 1rem;
					background-repeat: no-repeat;
				}

		#titulo__header {
			margin: auto 0;
			align-self: center;
		}

			#titulo__header h4 {
				margin-bottom: 0;
			}

	#etiqueta-cierre-contenedor__header {
		border-top: 1px solid #ddd;
	}

		#etiqueta-cierre__header {
			display: flex;
			justify-content: space-between;
			width: 80%;
			margin: 0 auto;
		}

			#etiqueta-cierre__header p {
				margin: auto 0;
			}

			#etiqueta-cierre__header div{
				float: right;
				padding: 6px 0;
			}

				#cierre__header {
					cursor: pointer;
					margin-left: 3px;
				}

@media (max-width: 700px) {

	#contenedor-items__header {
		grid-template-columns: 15% 85%;
	}

}

@media (max-width: 500px) {

	#contenedor-items__header {
		grid-template-columns: 1fr;
	}

		#ba-logo-contenedor__header {
			display: none;
		}

		#titulo__header {
			margin: auto;
		}

			#titulo__header h4 {
				text-align: center;
			}

}

/* ! FIN HEADER =========================================== */

/* ! FOOTER =========================================== */

#fepbatesba__footer {
	width: 100%;
	min-height: 20vh;
	padding: 2rem 0;
	background: #333;
}

	#contenedor__footer {
		max-width: 1140px;
		margin: 0 auto;
	}

		#contenedor-items__footer {
			margin: 0 1.5rem;
			display: grid;
			grid-template-columns: 20% 80%;
		}

			#ba-blanco-contenedor__footer {
				border-right: solid 1px #666;
				margin-right: 1rem;
				align-self: center;
			}

				#ba-blanco__footer {
					width: 100%;
					min-width: 160px;
					max-width: 200px;
					height: auto;
					margin: auto;
				}

			#titulo__footer {
				color: white;
				margin: auto 0;
			}

				#titulo__footer h4 {
					margin-bottom: 0px;
				}

@media (max-width: 870px) {

	#contenedor-items__footer{
		grid-template-columns: 30% 70%;
	}

}

@media (max-width: 700px) {

	#titulo__footer h4{
		font-size: 1rem;
	}

}

@media (max-width: 600px) {

	#contenedor-items__footer{
		grid-template-columns: 1fr;
	}

		#ba-blanco-contenedor__footer {
			border: none;
			margin: 0 auto 1.5rem auto;
		}

			#ba-blanco__footer {
				max-width: 160px;
			}

		#titulo__footer h4 {
			text-align: center;
		}

}
.modal-header-image{
text-align: right;
padding:0.75rem;
}
/* ! FIN FOOTER =========================================== */