﻿
#principios {
    /*border-bottom: 25px solid White;*/
    display: table;
    width: 100%;
    height: calc(100vh - 20vh);
}

    #principios h2 {
        font-weight: bold;
    }

    #principios > h2 {
        font-weight: bold;
    }


    #principios .CentrarTexto {
        /*padding-top: 20px;*/
    }

    #principios .contenedor .contenedor2 {
        overflow: hidden;
    }

        #principios .contenedor .contenedor2 .principiosImg .imgFondo {
            width: calc(100% - 60px);
            height: calc(50vh);
            margin: 30px;
            background-size: cover;
            background-position:center;
        }

        #principios .contenedor .contenedor2 .principiosTxt {
            justify-content: center;
            padding: 30px;
        }


/*----------------------------------------------------------------------------------------------*/
/*-----------------------------------RESPONSIVE-------------------------------------------------*/
/*----------------------------------------------------------------------------------------------*/

@media screen and (min-width:680px) {

    #principios .CentrarTexto {
        /*padding-top: 80px;*/
    }

    #principios .contenedor .contenedor2 .principiosImg .imgFondo {
        width: 50%;
    }

    #principios .contenedor .contenedor2 .principiosTxt {
        padding-top: 0%;
    }

    #principios .contenedor .contenedor2 .txt-derecho {
        float: right;
    }
}

@media screen and (min-width:1127px) {

    #principios .CentrarTexto {
        padding-top: 80px;
    }
}


@media screen and (min-width:1344px) {

    #principios .CentrarTexto {
        padding-top: 40px;
    }

    #principios .contenedor .contenedor2 .principiosTxt {
        padding-top: 8%;
    }


}

@media screen and (min-width:1400px) {

    #principios h2 {
        font-size: 46px;
    }

    #principios .contenedor .contenedor2 .principiosTxt {
        padding-top: 5%;
    }

    /*#principios .contenedor .contenedor2 .principiosImg .imgFondo  {
        height: 500px;
    }*/
}
