body{
    overflow: hidden;
    margin: 0 auto;
    padding: 0;
}
.home{
    /* background: url("https://beplan.cl/assets/img/clientes/bg.jpg"); */
    background-color: #23262a;
    background-size: cover;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.home .box{
    width: auto;
    display: flex;
    flex-direction: row;
}
.home .box img{
    width: 150px;
    position: relative;
    padding-right: 2em;
    
} 
.home .box h1{
    color: white;
    font-weight: 300;
    font-size: 3rem;
    font-family: 'Source Code Pro', monospace;
    text-transform: uppercase;
    padding-left: 0.8em;
    position: relative;
}
.home .box h1:after{
    content: " ";
    position: absolute;
    width: 1px;
    height: 60px;
    background-color: white;
    left: 0;

}
/* ---- reset ---- */ 

canvas{ display: block; vertical-align: bottom; } 
/* ---- particles.js container ---- */ 
#particles-js{ 
    position:absolute; 
    width: 100%; 
    height: 100%; 
    background-color: transparent; 

    background-repeat: no-repeat; 
    background-size: cover; 
    background-position: 50% 50%; } 


    @media screen and (max-width: 980px){
        .home{
            background-position-x: -17em;
        }
        .home .box img{
            width: 100px;
            position: relative;
            padding-right: 1.4em;
            
        } 
        .home .box h1{
          
          font-size: 1.7rem;
          padding-left: 0.8em;
          
        }
        .home .box h1:after{
          
            height: 40px;
         
        
        }
    }