@media (min-width:320px)  { 
		/* smartphones, portrait iPhone, portrait 480x320 phones (Android) */
		
			}
		 }
		@media (min-width:480px)  { 
		/* smartphones, Android phones, landscape iPhone */ 
		}
		@media (min-width:600px)  { 
		/* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */ 
		}
		@media (min-width:801px)  { 
		/* tablet, landscape iPad, lo-res laptops ands desktops */ 
		}
		/* Small Devices, Tablets */
		@media only screen and (min-width : 768px) {

		}

		/* Medium Devices, Desktops */
		@media only screen and (min-width : 992px) {

		}
		@media (min-width:1025px) { 
		/* big landscape tablets, laptops, and desktops */ 
		}
		@media (min-width:1281px) { 
		/* hi-res laptops and desktops */ 
		}

		body {
			font-family: Perpetua;
			font-size: 30px;
			background-color: white;	
		}
		header {
			padding: 30px 20px;
			background-color: transparent;
			
			z-index: 1000;
			top: 0;
			position: fixed;
		}
		.container {
			display: flex;
			justify-content: space-between;
		}
		.container p {
			margin: 0;
		}
		nav ul {
			list-style-type: none;
			margin: 0;
			display: flex;
			gap: 20px;
		}
		nav a {
			text-decoration: none;
			color: black;
			font-size: 20px;
		}
		nav a:hover {
			color: gray;
		}
		
		h1, h3
		{
		padding-top:120px;
		text-align: center;
		}
		
		p{
		margin-top:0%;
		margin-left:10%;
		margin-right: 10%;
		}
		.Contenedor img {
		max-width: 350px; /* Tamaño máximo de la imagen */
		height: auto; /* Mantiene la proporción de la imagen */
		margin: 0; /* Sin márgenes adicionales */
	}
		.Contenedor p
		{
		 margin: 0; /* Elimina márgenes innecesarios */
		text-align: justify; /* Justifica el texto */
		line-height: 1.6; /* Mejora la legibilidad */
		
		}
		.Contenedor
		{
			display: flex;
		align-items: flex-start; /* Alinea desde la parte superior */
		gap: 20px; /* Espaciado entre la imagen y el texto */
		margin: 20px auto; /* Márgenes superiores e inferiores */
		padding: 0; /* Sin espacio extra */
		width: 80%; /* Opcional: para centrar el contenido */
		}
		img{
		clear: both;
		display: block;
		margin: 0 auto;
		max-width: 500px; /* Ajusta el tamaño de la imagen si lo necesitas */
		height: auto;
		
		}
		a{
		color: black;
		font-size: 20px;
		text-align: center;
		}