.contenido {
            width: 40% !important;
        }
        .imgIcon{
            width: 75%;
        }
    
        
        .bg-principal {
            background-image: url('../img/Fondo4.png');
            background-position: center;
            background-repeat: no-repeat;
            background-size: 100% 100%;
            position: relative;
            min-height: 100vh;
            
        }
        .imgOficina{
            opacity:50%;
        }
       
        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: 65%;
            }
          
        }
        
        @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;
            }
            

            }