* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  font-family: Verdana, Geneva, Tahoma, sans-serif;  
}


.box-icons {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	grid-template-rows: 1fr;
	grid-column-gap: 5px;
	grid-row-gap: 0px;
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 500px;
	padding-right: 500px;
	}

	.box-2col {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: 5fr;
		grid-column-gap: 30px;
		grid-row-gap: 0px;
		padding-top: 50px;
		padding-left: 300px;
		padding-right: 300px;		 
		}
		  .bg-image1 {
			background-image: url('img/banner-ppal-02.png');
			background-position: center;
			background-repeat: no-repeat;
			background-size: cover;
			min-height: 100vh;
			display: flex;
			align-items: center;
			object-fit: cover;
		}

		/* Ajustar la imagen de fondo en dispositivos móviles */
		@media (max-width: 576px) {
			.bg-image1 {
				background-position: auto;
				min-height: 80vh;
				display: flex;
				align-items: center;
			}
		}

		/* Ajustar el tamaño de los botones */
		.btn-lg {
			padding: 12px 20px;
			font-size: 24px;
			border-radius: 35px;
		}

		/* Ajustar el margen inferior de los elementos col */
		.col {
			margin-bottom: 40px;
		}
		  
		p {
			
			font-size: 25px;
		  }


		  @media (min-width: 768px) {
			.background {
			  background-image: url('tu-imagen-de-fondo.jpg'); 
			  background-size: cover; 
			  height: 100vh; 
			  position: fixed; 
			  top: 0; 
			  left: 0; 
			  right: 0; 
			  bottom: 0; 
			  z-index: -1;
			}
		  }

		  li {
			
			font-size: 25px;
		  }

		  @media only screen and (max-width: 390px) {
			.bg-image{
			  width: 100%;
			  height: 50%;
			}
		  }

		  @media only screen and (max-width: 390px) {
			.aiw{
				width: 100%;
 				height: 100%;
 				object-fit: cover;
				display: flex;
				flex-direction: column;
				justify-content: center;
				height: 30%;
				padding-bottom: 56.25%;
				overflow: hidden;
			}
		  }