/* Style the video: 100% width and height to cover the entire window */
video {
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
}




.row {
  display: flex;
  flex-wrap: wrap;
  padding: 0 4px;
}

/* Create four equal columns that sits next to each other */
.column {
  flex: 25%;
  max-width: 25%;
  padding: 0 4px;
}

.column img {
  margin-top: 8px;
  vertical-align: middle;
  width: 100%;
}

/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 800px) {
  .column {
    flex: 50%;
    max-width: 50%;
  }
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .column {
    flex: 100%;
    max-width: 100%;
  }
}






.gris-oscuro{
	background-color: #2B2A28 !important;
}

.f-gris-oscuro{
	color: #2B2A28 !important;
}

.amarillo{
	background-color: #C59A29 !important;
}

.f-amarillo{
	color: #C59A29 !important;
}

.azul-claro{
	background-color: #262A48 !important;
}

.azul-claro{
	color: #262A48 !important;
}

.azul-oscuro{
	background-color: #0B0E34 !important;
}

.azul-oscuro{
	color: #0B0E34 !important;
}

.mini{
	font-size: 9px !important;
}

.redondeado{
	border-radius: 20px !important;
}

.blanco{
	background-color: #ffffff !important;
}

.f-blanco{
	color: white !important;
}

.muy-grande{
	font-size: 4em !important;
}

.grande{
	font-size: 2em !important;
}


.centrado{
	text-align: center;
}

.justificado{
	text-align: justify;
}

.button{
	margin-top: 5px !important;
	margin-bottom: 5px !important;
}