*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body{
   /* background-image: url('./public/images/background-svg.svg');  
   background-size: cover; */
    background-color: black;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 300;
 }

.grafico_landing{
    width: 100%;
    height: 100vh;
    background-image: url('./public/images/background-svg.svg');
    background-size: cover;

}


.grafico_logo{
    position: absolute;
    width: 472px;
    height: 118px;
    left: 126px;
    top: 129px;
}

.grafico_desc{
    position: absolute;
    width: 418px;
    height: 72px;
    left: 126px;
    top: 392px;
    color: #9E9E9E;

    font-size: 30px;
    line-height: 36px;
}

.grafico_contact{
    color: white;
    position: absolute;
    left: 126px;
    top: 503px;
    font-size: 20px;
    display: flex;
    flex-direction: column;
    gap: 17px;
}

.grafico_mail{
    display: flex;
    gap: 14px;
}

.grafico_whatsapp{
    display: flex;
    gap: 14px;
}

.grafico_builder{
    position: absolute;
    width: 168px;
    height: 12px;
    left: 982px;
    top: 680px;
    
    font-size: 10px;
    line-height: 12px;
    color: #626262;
}

@media screen and (max-width: 768px) {
    .grafico_landing{
        height: 50vh;
        background-size: cover;
        background-position: right;
        background-repeat: no-repeat;
    }
    .grafico_logo{
        width: 238px;
        height: 60px;
        left: 63px;
        top: 64px;
    }
    
    .grafico_desc {
        width: 300px;
        height: 50px;
        top: 192px;
        left: 63px;
        font-size: 20px;
    }

    .grafico_contact{
        left: 63px;
        top: 285px;
        font-size: 15px;
    }

    .grafico_builder{
        left: 172px;
        top: 385px;
    }
}

@media screen and (max-width: 1024px) {
    .grafico_landing{
        height: 40vh;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }
    .grafico_logo{
        width: 472px;
        height: 118px;
        top: 64px;
    }
    .grafico_builder{
        left: 500px;
        top: 474px;
    }
    .grafico_desc{
        width: 415px;
        font-size: 30px;
        top: 285px;
    }
    .grafico_contact{
        font-size: 20px;
        top: 385px;
    }
}

@media screen and (max-width:1200px) {
   .grafico_landing{
        height: 90vh;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }
    .grafico_logo{
        width: 472px;
        height: 118px;
        top: 64px;
    }
    .grafico_builder{
        left: 737px;
        top: 490px;
    }
    .grafico_desc{
        width: 415px;
        font-size: 30px;
        top: 285px;
    }
    .grafico_contact{
        font-size: 20px;
        top: 385px;
    }
}