/* ==========================================================
   ACTIVA VOIP - HERO RESPONSIVE
========================================================== */


/* TABLETS */

@media(max-width:900px){


.hero{

    min-height:auto;

    padding:80px 0;

}



.hero-content{


    grid-template-columns:1fr;

    text-align:center;

}



.hero-text{


    max-width:750px;

    margin:auto;

}



.hero h1{


    font-size:45px;

}



.hero p{


    margin-left:auto;

    margin-right:auto;

}



.hero-buttons{


    justify-content:center;

}



.hero-art{


    margin-top:40px;

}



#hero-svg img{


    max-width:420px;

}



}




/* CELULAR */

@media(max-width:600px){



.hero{


    padding:60px 0;

}



.hero-tag{


    font-size:12px;

}



.hero h1{


    font-size:34px;

}



.hero p{


    font-size:16px;

    line-height:1.6;

}



.hero-buttons{


    flex-direction:column;

    gap:15px;

}



.hero-buttons a{


    width:100%;

    text-align:center;

}



.hero-art{


    min-height:280px;

}



#hero-svg img{


    max-width:300px;

}



.blur{


    filter:blur(60px);

}



.grid-lines{


    background-size:40px 40px;

}



}