center ae

<!DOCTYPE html>
  <html lang="pt-br">
    <head>
      <meta charset="utf-8">
      <title>Cadastro Aluno</title>
      <!--Import Google Icon Font-->
      <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
      <!--Import materialize.css-->
      <link type="text/css" rel="stylesheet" href="css/materialize.min.css"  media="screen,projection"/>

      <!--Let browser know website is optimized for mobile-->
      <meta name="viewport" content="width=device-width, initial-scale=1.0"/>

      <script type="text/javascript" src="//code.jquery.com/jquery-2.1.4.js"></script><style type="text/css"></style>

      <script>
        window.onload=function(){
          $(document).ready(function(){
            $('.sidenav').sidenav();
            $(".dropdown-trigger").dropdown1();
            { hover: false }dropdown1();
          });


          $(document).ready(function() {
            $('input#input_nome, input#input_cpf, input#input_email, input#input_text, textarea#textarea2').characterCounter();
          });
      </script>
        <style>
          .nav-wrapper{

            background-color: black;
          }
          .page-footer{
            background-color: black;
          }
          #ra{
            color: black;
          }
          .header-site{
            background-image: url(../img/images.png);
            background-position: center top;
            background-repeat: no-repeat;
            background-size: cover;
            background-attachment: fixed;
            color: #ffffff;
            padding-top:  300px;
            padding-bottom: 80px;
          }

          .container{
            padding-top: 0px;
          }

        </style>

    </head>

      <body>
        <center>
        <section class="header-site">
        <div class="container">
          <div class="row">
            <div class="col-xs-12">
              <h1 class="text-center">Bem-Vindo ao Sistema Wisdom</h1>
          </section>
        <div class="container">
      <header>
        <nav>
        <div class="nav-wrapper" >
                <!-- Dropdown Structure -->
            <ul id="dropdown1" class="dropdown-content">
              <li><a href="#!">Perfil</a></li>
              <li><a href="#!">Config</a></li>
              <li class="divider"></li>
              <li><a href="#!">Sair</a></li>
          </ul>
        <nav>

        <nav>
            <div class="nav-wrapper">
                <!-- Dropdown Structure -->
              <ul id="dropdown2" class="dropdown-content">
                <li><a href="#!">Login</a></li>
                <li><a href="#!">Registrar</a></li>
              </ul>
        <nav>

            <div class="nav-wrapper">
              <ul class="center-hide-on-med-and-down">
                <li><a class="dropdown-trigger" href="#!" data-target="dropdown2">Login<i class="material-icons right">arrow_drop_down</i></a></li>
        <!-- Dropdown Trigger2 -->

              <li><a href="badges.html">Galeria</a></li>
        <!-- Dropdown Trigger1 -->
              <li><a class="dropdown-trigger" href="#!" data-target="dropdown1">Perfil<i class="material-icons right">arrow_drop_down</i></a></li>
            </ul>
          </div>
        </nav>
      </center>
    </header>