fix the anchor

I have a problem with my anchoring of my web page one page, is that the anchor is not positioned in the position I want, if not by default it anchors a few levels higher as I can solve that !?

<li class="nav-item" style="margin-right: 9px;">
                    <a class="nav-link; btn btn-outline-warning" href="#noti" style="color: white;background-color:#f25d25; margin-right: 9px;">
                        Noticias
                    </a>
</li>

/*--------------------------- CONTENIDO----------------*/

<section>
                <div class="container">
                    <div class="centralizar">     
<a id="Contacto">
                                </a>               
                        <h3>
                            CONTÁCTANOS
                        </h3>
                        <br>
                        <br>
                        <form>
                            <div class="form-row">

                                <div class="col-md-6 mb-3">
                                    <label for="nombre_ape">
                                        Nombre y Apellido
                                    </label>
                                    <input class="form-control" name="nombre_ape" id="validationDefault01" placeholder="Nombre y Apellido" required="" type="text">
                                    <div class="valid-feedback">
                                        Muy Bien!
                                    </div>
                                </input>
                            </div>
                            <div class="col-md-6">
                                <label for="validationDefaultUsername">
                                    Correo Electronico
                                </label>
                                <div class="input-group">
                                    <div class="input-group-prepend">
                                        <span class="input-group-text" id="inputGroupPrepend2">
                                            @
                                        </span>
                                    </div>
                                    <input aria-describedby="inputGroupPrepend2" class="form-control" id="validationDefaultUsername" placeholder="correo electronico"
                                    required="" type="text" />
                                    <div class="invalid-feedback">
                                        Por favor introduzca un correo electronico valido!
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="form-row">
                            <div class="col-md-12 ">
                                <div class="form-group">
                                    <textarea class="form-control" placeholder="Ingrese El texto Aquí" id="exampleFormControlTextarea1" rows="3"></textarea>
                                </div>
                            </div>
                        </div>
                        <br>
                        <button class="btn btn-outline-dark" type="submit">
                            Enviar
                        </button>
                    </br>
                </form>
            </br>
        </br>
    </div>
</div>
</section>
/*-----------------------------------FIN DEL CONTENIDO-------------------------------------------*/

is not positioned in the position I want the CONTENT section h3 if not in one levels above how can I solve this :(?