#logo{
    margin: auto;
    padding: auto;
    width: 55px;
}

.Tit{
    position: fixed;
    top: 0;
    width: 100%;
    height: 70px;
    margin: auto;
    padding: auto;
    background-color:var(--bgcolor);
}

footer{
    width: 100%;
    height: auto;
    margin: 0;
    margin-top: 10px;
    padding: 15px 10px 5px 0;
    bottom: 0;
    left: 0;
    background-color: rgb(36, 36, 36);
}

.p_pag{
    height: 100%;
    padding: 0 0;
    margin: 0;
    margin-bottom: 0;
}

.img_p_pag{
    object-fit: contain;
    width: 250px;
    margin: 10px auto;
}

.img_p_pag2{
    object-fit: contain;
    width: 300px;
    height: 200px;
    margin: 10px 70px;
    transition: all .5s;
}

.aprts{
    display: flex;
    flex-direction: row;
}

.apart{
    padding-right: 8px;
    padding-left: 8px;
    margin-left: 10px;
    margin-right: 10px;
}

.mini_icono{
    object-fit: contain;
    width: 24px;
    margin: 10px 8px;
}

.p_etq1{
    font-family: 'Roboto', sans-serif;
    font-size: large;
    font-weight: bolder;
    text-align: center;
    color: white;
    margin: 0;
    margin-top: 8px;
}

.p_etq{
    font-family: 'Times New Roman', Times, serif;
    font-size: large;
    text-align: center;
    color: white;
    padding: 0;
    margin: 0;
}

.p_etq2{
    font-family: 'Times New Roman', Times, serif;
    font-size: x-large;
    text-align: center;
    font-weight: bolder;
    color: rgb(8, 13, 68);
    padding: 10px;
    margin: 0;
}

.p_etq3{
    font-family: 'Times New Roman', Times, serif;
    font-size: x-large;
    text-align: center;
    color: rgb(0, 0, 0);
    padding: 0;
    margin: 0;
}

.p_etq4{
    font-family: 'Times New Roman', Times, serif;
    font-size: large;
    text-align: center;
    color: var(--colorprimariov3);
    margin: 0;
    margin-top: 8px;
}


.tit_cab{
    background-color: rgba(29, 29, 29, 0.9);
    padding: 1px 2px;
}

.tit_cab2{
    font-size: x-large;
    color: white;
    margin: 15px 20px;
}

@media screen and (max-width: 1200px){
    .aprts{
        flex-direction: column;
    }

    .Tit{
        height: 85px;
    }

    #logo{
        width: 45px;
        margin-left: 12px;
    }

    body{
        margin-bottom: 240px;
    }
}

@media screen and (max-width: 900px){
    body{
        margin-bottom: 280px;
    }

    .tit_cab2{
        font-size: larger;
        margin: 20px 15px;
    }

    .img_p_pag{
        width: 250px;
    }
}

@media screen and (max-width: 800px){
    .tit_cab2{
        font-size: larger;
        margin: 7px 14px;
    }

    .p_etq1{
        font-size: medium;
    }

    .p_etq{
        font-size: medium;
    }

    .mini_icono{
        margin: 5px 8px;
    }

    .img_p_pag{
        width: 230px;
        margin-bottom: 5px;
    }

    .img_p_pag2{
        width: 110px;
        margin: 10px 15px;
        transition: all .5s;
    }
}

@media screen and (max-device-width: 400px){
    .p_pag{
        padding: 5px 0;
    }

    .img_p_pag{
        width: 200px;
    }
    
    .img_p_pag2{
        width: 90px;
        margin: 8px 10px;
        transition: all .5s;
    }

    .p_etq1{
        font-size:small;
    }
    
    .p_etq{
        font-size: small;
    }
    
    .p_etq2{
        font-size: small;
    }
    
    .p_etq3{
        font-size: small;
    }

    .tit_cab{
        background-color: rgb(30, 30, 30);
        padding: 1px 2px;
    }

    .tit_cab2{
        font-size: medium;
        margin: 7px 14px;
        transition: all .3s;
    }
}