Untitled

<style>
h2 {
    display: block;
    font-size: 1.5em;

    font-weight: bold;
}

body {
    background-image: url("bg.jpg");
    background-repeat: no-repeat;
   background-position: fixed;
}
</style>
<head></head>

<div class="container">
    <div id="login_form" class="well">
        <div style="font-family:Arrial Narrow;">  <h2><center></span> RPM <br>E-Commerce System</center></h2>
        <hr>
        <form method="POST" action="login.php">
        Username: <input type="text" name="username" class="form-control" required>
        <div style="height: 10px;"></div>
        Password: <input type="password" name="password" class="form-control" required>
        <div style="height: 10px;"></div>
        <button type="submit" class="btn btn-primary"><span class="glyphicon glyphicon-log-in"></span> Login</button></div>
        </form>
        <div style="height: 15px;"></div>
        <div style="color: red; font-size: 15px;">
            <center>
            <?php

                if(isset($_SESSION['msg'])){
                    echo $_SESSION['msg'];
                    unset($_SESSION['msg']);
                }
            ?>
            </center>
        </div>
    </div>
</div>
<?php include('script.php'); ?>
</body>
</html>

.container {
  padding-right: 15px;
  padding-left: 35px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}
.container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}