@media (min-width: 0px) and (max-width: 767px) {
    
        .modal-dialog {
            max-width: 600px;
        }
        .title h3 {
            color: #fff;
            font-size: 16px;
        }
        .inside p{
            text-align: inherit;
        }
        .redes {
           display: block;
        
            text-align: center;
        }
        .portada img {
 
            width: 100%;
        }
        .red-text p {

            margin-bottom: 5%;
        }

        .buttons {
            margin-left: inherit;
            bottom: 5%;
    left: 34px;
     
        }

        
    }
    
    
    @media (min-width: 768px) and (max-width: 1024px) {
        .buttons {
      
            margin-left: 74%;
        }
    }
    
    @media (min-width: 1024px) and (max-width: 1366px) {
    
    
    
    }