@font-face {
    font-family:Open_Sans;
    src: url('../fonts/OpenSans-VariableFont_wdth\,wght.ttf') format('truetype');
}
*
{
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}
:root
{
    --color_letras:rgb(48,48,48);
}
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
/*primera parte*/
.contenedor_primera_parte
{
    width: 100%;
    height: 100vh;
    background-image: url(../imagenes/universe/img_!_pt1.webp);
    background-size: cover;
}
.filtro_pt1
{
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.407);
}
.filtro_pt1 h2
{
    font-size: 80px;
    color: white;
    font-weight: 200;
}
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
/*segunda parte*/
.contenedor_segunda_parte
{
    width: 100%;
    height: 50vh;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background-color: rgb(48, 48, 48);
}
.contenedor_segunda_parte h2
{
    font-size: 40px;
    color: white;
    font-weight: 200;
    padding-bottom: 20px;
    text-align: center;
}
.contenedor_segunda_parte p
{
    font-size: 20px;
    color:white;
    font-weight: 200;
    text-align: center;
    padding: 0 30px;   
}
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
/*tercera parte*/
.contenedor_tercera_parte
{
    width: 100%;
    height: 100vh;
    background-image: url(../imagenes/universe/img1_pt3.webp);
    background-size: cover;
}
.filtro_pt3
{
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background-color: rgba(0, 0, 0, 0.407);
}
.filtro_pt3 h2
{
    font-size: 80px;
    font-weight: 200;
    color: white;
    padding-bottom: 30px;
}
.filtro_pt3 p
{
    font-size: 20px;
    color: white;
    text-align: center;
}
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
/*cuarta parte*/
.contenedor_cuarta_parte
{
    width: 100%;
    height: 50vh;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.contenedor_cuarta_parte h2
{
    font-size: 40px;
    font-weight: 200;
    color: var(--color_letras);
    padding-bottom: 20px;
}
.contenedor_cuarta_parte p
{
    font-size: 20px;
    font-weight: 200;
    color: var(--color_letras);
    padding: 0 30px; 
    text-align: center;
}
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
/*quinta parte*/
.contenedor_quinta_parte
{
    width: 100%;
    height: 100vh;
    background-image: url(../imagenes/universe/img_1_pt5.webp);
    background-size: cover;
}
.filtro_pt5
{
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background-color: rgba(0, 0, 0, 0.407);
}
.filtro_pt5 h2
{
    font-size: 80px;
    font-weight: 200;
    color: white;
    padding-bottom: 20px;
}
.filtro_pt5 p
{
    font-size: 20px;
    font-weight: 200;
    color:white;
    padding: 0 30px;
    text-align: center;
}
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
/*sexta parte*/
.contnedor_sexta_parte
{
    width: 100%;
    height: 50vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 50px;
}
.contnedor_sexta_parte h2
{
    font-size: 40px;
    font-weight: 200;
    text-align: center;
}
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
/*septima parte*/
.contenedor_septima_parte
{
    width: 100%;
    height: 100vh;
    background-image: url(../imagenes/universe/img_1_pt7.webp);
    background-size: cover;
}
.filtro_pt7
{
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background-color: rgba(0, 0, 0, 0.407);
}
.filtro_pt7 h2
{
    font-size: 80px;
    font-weight: 200;
    color: white;
    padding-bottom: 30px;
}
.filtro_pt7 p
{
    font-size: 20px;
    font-weight: 200;
    color: white;
    text-align: center;
    padding: 0 30px;
}
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
/*octava parte*/
.contenedor_octava_parte
{
    width: 100%;
    height: 50vh;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background-color: rgb(48, 48, 48);
}
.contenedor_octava_parte h2
{
    font-size: 40px;
    font-weight: 200;
    color: white;
    padding-bottom: 20px;
    text-align: center;
}
.contenedor_octava_parte p
{
    font-size: 20px;
    font-weight: 200;
    text-align: center;
    color: white;
    padding: 0 30px;
}
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
/*novena parte*/
.contenedor_novena_parte
{
    width: 100%;
    height: 100vh;
    background-image: url(../imagenes/universe/img_1_pt9.webp);
    background-size: cover;
}
.filtro_pt9
{
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.filtro_pt9 h2
{
    font-size: 80px;
    font-weight: 200;
    color: white;
    padding-bottom: 20px;
}
.filtro_pt9 p
{
    font-size: 20px;
    font-weight: 200;
    text-align: center;
    color: white;
    padding: 0 30px;
}
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
/*decima parte*/
.contenedor_decima_parte
{
    width: 100%;
    height: 50vh;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}  
.contenedor_decima_parte h2
{
    font-size: 40px;
    font-weight: 200;
    padding-bottom: 20px;
    color: var(--color_letras);
    text-align: center;
}  
.contenedor_decima_parte p
{
    font-size: 20px;
    font-weight: 200;
    color: var(--color_letras);
    text-align: center;
    padding: 0 30px;
}  
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
/*onceava parte*/ 
.contenedor_onceaba_parte
{
    width: 100%;
    height: 100vh;
    background-image: url(../imagenes/universe/img1_pt11.webp);
    background-size: cover;
}
.filtro_pt11
{
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background-color: rgba(0, 0, 0, 0.407);
}
.filtro_pt11 h2
{
    font-size: 80px;
    font-weight: 200;
    color: white;
    padding-bottom: 20px;
}
.filtro_pt11 p
{
    font-size: 20px;
    font-weight: 200;
    color: white;
    text-align: center;
    padding: 0 30px;
}

/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
/*responsive*/
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
@media screen and (max-width:840px)
{
    /*primera parte*/
    .filtro_pt1 h2
    {
        font-size: 50px;
    }
    /*segunda parte*/
    .contenedor_segunda_parte h2
    {
        font-size: 35px;
    }
    /*tercera parte*/
    .filtro_pt3 h2
    {
        font-size: 50px;
    }
    /*cuarta parte*/
    .contenedor_cuarta_parte h2
    {
        font-size: 35px;
    }
    /*quinta parte*/
    .filtro_pt5 h2
    {
        font-size: 50px;
    }
    /*sexta parte*/
    .contnedor_sexta_parte h2
    {
        font-size: 35px;
    }
    /*septima parte*/
    .filtro_pt7 h2
    {
        font-size: 50px;
    }
    /*octava parte*/
    .contenedor_octava_parte h2
    {
        font-size: 35px;
    }
    /*novena parte*/
    .filtro_pt9 h2
    {
        font-size: 50px;
    }
    /*decima parte*/
    .contenedor_decima_parte h2
    {
        font-size: 35px;
    }
    /*onceava parte*/
    .filtro_pt11 h2
    {
        font-size: 50px;
    }
}
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
@media screen and (max-width:570px)
{
    /*primera parte*/
    .filtro_pt1 h2
    {
        font-size: 40px;
    }
    /*segunda parte*/
    .contenedor_segunda_parte
    {
        height: auto;
        padding: 20px 0;
    }
    .contenedor_segunda_parte h2
    {
        font-size: 30px;
    }
    .contenedor_segunda_parte p
    {
        font-size: 17px;
    }
    /*tercera parte*/
    .filtro_pt3 h2
    {
        font-size: 30px;
    }
    .filtro_pt3 p
    {
        font-size: 17px;
    }
    /*cuarta parte*/
    .contenedor_cuarta_parte h2
    {
        font-size: 30px;
    }
    .contenedor_cuarta_parte p
    {
        font-size: 17px;
    }
    /*quinta parte*/
    .filtro_pt5 h2
    {
        font-size: 40px;
    }
    .filtro_pt5 p
    {
        font-size: 17px;
    }
    /*sexta parte*/
    .contnedor_sexta_parte h2
    {
        font-size: 30px;
    }
    /*septima parte*/
    .filtro_pt7 h2
    {
        font-size: 40px;
    }
    .filtro_pt7 p
    {
        font-size: 17px;
    }
    /*octava parte*/
    .contenedor_octava_parte h2
    {
        font-size: 30px;
    }
    .contenedor_octava_parte p
    {
        font-size: 17px;
    }
    /*novena parte*/
    .filtro_pt9 h2
    {
        font-size: 40px;
    }
    .filtro_pt9 p
    {
        font-size: 17px;
    }
    /*decima parte*/
    .contenedor_decima_parte h2
    {
        font-size: 30px;
    }
    .contenedor_decima_parte p
    {
        font-size: 17px;
    }
    /*onceava parte*/
    .filtro_pt11 h2
    {
        font-size: 40px;
    }
    .filtro_pt11 p
    {
        font-size: 17px;
    }
}
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
@media screen and (max-width:395px)
{
    /*primera parte*/
    .filtro_pt1 h2
    {
        font-size: 30px;
    }
    /*segunda parte*/
    .contenedor_segunda_parte h2
    {
        font-size: 25px;
    }
    .contenedor_segunda_parte p
    {
        font-size: 15px;
    }
    /*tercera parte*/
    .filtro_pt3 h2
    {
        font-size: 25px;
    }
    .filtro_pt3 p
    {
        font-size: 15px;
    }
    /*cuarta parte*/
    .contenedor_cuarta_parte h2
    {
        font-size: 25px;
    }
    .contenedor_cuarta_parte p
    {
        font-size: 15px;
    }
    /*quinta parte*/
    .filtro_pt5 h2
    {
        font-size: 30px;
    }
    .filtro_pt5 p
    {
        font-size: 15px;
    }
    /*sexta parte*/
    .contnedor_sexta_parte
    {
        height: auto;
        padding: 50px 10px;
    }
    .contnedor_sexta_parte h2
    {
        font-size: 25px;
    }
    /*septima parte*/
    .filtro_pt7 h2
    {
        font-size: 30px;
    }
    .filtro_pt7 p
    {
        font-size: 15px;
    }
    /*octava parte*/
    .contenedor_octava_parte h2
    {
        font-size: 25px;
    }
    .contenedor_octava_parte p
    {
        font-size: 15px;
    }
    /*novena parte*/
    .filtro_pt9 h2
    {
        font-size: 30px;
    }
    .filtro_pt9 p
    {
        font-size: 15px;
    }
    /*decima parte*/
    .contenedor_decima_parte h2
    {
        font-size: 25px;
    }
    .contenedor_decima_parte p
    {
        font-size: 15px;
    }
    /*onceava parte*/
    .filtro_pt11 h2
    {
        font-size: 30px;
    }
    .filtro_pt11 p
    {
        font-size: 15px;
    }
}