.contenido {
            width: 40% !important;
        }
        .imgIcon{
            width: 75%;
        }
     
        .bg-principal {
            background-image: url('../img/Fondo5.png');
            background-position: center;
            background-repeat: no-repeat;
            background-size: 150% 110%;

            position: relative;
            min-height:100vh;

            
        }
        .banner-inicio{
            margin-top: -20px !important;
        }
        

        h1{
            margin-bottom:0 !important ;
        }
        .title-red{
            color: red;
            font-size: calc(40px + .7%);
        }
        .logo{
            width: 45%;
        }
        
        @media only screen and (max-width: 576px) {

            .contenido {
                width: 100% !important;
            }

            .logo{
                width: 80%;
            }
          
        }
        
        @media only screen and (max-width: 768px) {

            .contenido {
                width: 50% !important;
            }
              .imgIcon{
                width: 100% !important;
            }

        }
        
        @media only screen and (max-width: 992px) {
 
            .contenido {
                width: 100% !important;
            }
              .imgIcon{
            width: 60%;
        }

        }
        
        @media only screen and (max-width: 1034px){
               .contenido {
                width: 100% !important;
            }
        }