/*body{*/
/*margin:0;*/
/*font-family:Montserrat,sans-serif;*/
}

.contain {
    max-width: 100vw;
}

.size-auto {
    font-size: 90px;
    font-weight: 900;
}

.size-40 {
    font-size: 45px;
    font-weight: 900;
}

.particle-section{
height:500px;
position:relative;
background:#000128;
}

#particle-canvas{
display:block;
height:100%;
}

.particle-text{
position:absolute;
top:50%;
left: 15%;
transform:translate(-40%,-50%);
text-align:left;
pointer-events:none;
}

.particle-text-left ul li {
    list-style: none;
    text-align: left;
    color:#ffffff;
    font-style: none;
    font-weight: 400;
    font-size: 20px;
    font-family: Roboto, sans-serif;
    line-height: 3rem;
}

.particle-text-left{
position:absolute;
top:50%;
right:0;
transform:translate(-10%,-50%);
text-align:center;
pointer-events:none;
}


.particle-text h1{
font-size: 50px;
width: 250px;
font-weight: 100;
"Archivo", sans-serif
height: auto;

color:#ffffff;
text-transform:uppercase;
}

.particle-text strong{
font-weight:700;
}

.particle-text em{
font-family:'Playfair Display',serif;
font-style:italic;
text-transform:lowercase;
}

@media (max-width: 576px) {
    
    .size-40, .size-auto, .particle-text h1{
        font-size: 20px;
    }
    
    .particle-text h1{
        width: auto;
        height: auto;
        color:#ffffff;
        text-transform:uppercase;
    }
        
    .particle-text{
        position:absolute;
        top:15%;
        left: 50%;
        white-space: nowrap;
        transform:translate(-50%,-10%);
        text-align:left;
        pointer-events:none;
    }
    
}