/*
Theme Name: portafolio
Theme URI: http:/urldeltema
Description: Portaolio de titulo Markys Prieto
Author: Markys Prieto
Author URI: direccion web del autor
Version: 0.1
License: GNU General Public License 
Tags: Portafolio Final
*/


/* Dispositivos móviles en modo retrato y paisajes pequeños (hasta 576px) */
@media (max-width: 576px) {
    .home .welcome_text, .home h1 {
        font-size: 1.5rem; /* Ajusta el tamaño de fuente para el texto de bienvenida */
    }
    .segundaseccion .chef img.cocineroprincipal {
        width: 100%; /* Ajusta el tamaño de la imagen */
    }
    .segundaseccion .informacionchef h2, .segundaseccion .informacionchef h3, .segundaseccion .informacionchef p {
        text-align: center; /* Alineación centrada para texto */
    }
    .segundaseccion .informacionchef p {
        font-size: 1rem; /* Ajusta el tamaño de fuente para el párrafo */
    }
}

/* Dispositivos móviles grandes y tabletas pequeñas (hasta 768px) */
@media (max-width: 768px) {
    .home .text-center, .home .text-sm-end {
        text-align: center; /* Alineación centrada para contenido */
    }
    .home .home_button_area {
        text-align: center; /* Alineación centrada para el botón */
    }
    .segundaseccion .chef img.cocineroprincipal {
        width: 80%; /* Ajusta el tamaño de la imagen */
    }
    .segundaseccion .informacionchef p {
        font-size: 1.2rem; /* Ajusta el tamaño de fuente para el párrafo */
    }
}

/* Tabletas grandes y dispositivos medianos (hasta 992px) */
@media (max-width: 992px) {
    .home .welcome_text, .home h1 {
        font-size: 2rem; /* Ajusta el tamaño de fuente para el texto de bienvenida */
    }
    .home .home_button_area {
        margin-top: 20px; /* Ajusta el margen superior del botón */
    }
    .segundaseccion .chef img.cocineroprincipal {
        width: 70%; /* Ajusta el tamaño de la imagen */
    }
}

/* Dispositivos grandes (hasta 1200px) */
@media (max-width: 1200px) {
    .home .welcome_text, .home h1 {
        font-size: 2.5rem; /* Ajusta el tamaño de fuente para el texto de bienvenida */
    }
    .segundaseccion .chef img.cocineroprincipal {
        width: 60%; /* Ajusta el tamaño de la imagen */
    }
}