html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
  background-color: #E1D8EC;
  font-family: Calibri,Candara,Segoe,"Segoe UI",Optima,Arial,sans-serif;
  min-height: 500px;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: auto;
  background: #E1D8EC; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(#E1D8EC, #69899f); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#E1D8EC, #69899f); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#E1D8EC, #69899f); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#E1D8EC, #69899f); /* Standard syntax */
}

.footer-text {
  width: auto;
  padding: 0 15px;
  text-align: center;
}

.footer-text .text-muted {
  margin: 5px 0;
  font-size: 10px;
}

.sub-footer {
 bottom: inherit; width: inherit;
 font-size: 13px;
 text-align: center;
}

.profile {
  width: 250px;
  height: auto;
  float: none;
  display: block;
  margin: 50px auto 20px auto;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.heading {
  font-size: 24px;
  text-align: center;
  margin-bottom: 10px;
  text-shadow: 2px 2px 5px #69899f;
  font-style: oblique;
  font-weight: 500;
  padding-left: 80px;
} 

.text {
  margin-bottom: 40px;
  text-indent: 30px;
  font-size: 16px;
  padding-left: 80px;
}

@media only screen and (max-width: 767px) {
  .profile {
    margin: 0px auto 20px auto;
  }

  .text {
    margin-bottom: 80px;
    padding-left: 0;
  }

  .heading {
    padding-left: 0;
  }
}

@media only screen and (max-width: 576px) {
  .text {
    margin-bottom: 180px;
  }
}

@media only screen and (min-width: 1050px) {
  .text {
    padding-left: 0;
  }

  .heading {
    padding-left: 0;
  }
}

.text > p > em {
  font-weight: 900;
  color: #275270;
}

.inline { 
display: inline-block; 
border: 1px solid red; 
margin:10px;
}

/* Navbar from navbar modified from http://www.jquery-az.com/boots/demo.php?ex=14.0_3 */
.navbar-default {
  background-color: #69899f;
  border-color: #425766;
  font-size: 16px;
  
}
.navbar-default .navbar-brand {
  color: #d7e2e9;
}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
  color: #e5dbdb;
}
.navbar-default .navbar-text {
  color: #d7e2e9;
}
.navbar-default .navbar-nav > li > a {
  color: #d7e2e9;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
  color: #e5dbdb;
}
.navbar-default .navbar-nav > li > .dropdown-menu {
  background-color: #69899f;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a {
  color: #d7e2e9;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus {
  color: #e5dbdb;
  background-color: #425766;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > .divider {
  background-color: #69899f;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
  color: #e5dbdb;
  background-color: #425766;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
  color: #e5dbdb;
  background-color: #425766;
}
.navbar-default .navbar-toggle {
  border-color: #425766;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  background-color: #425766;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #d7e2e9;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #d7e2e9;
}
.navbar-default .navbar-link {
  color: #d7e2e9;
}
.navbar-default .navbar-link:hover {
  color: #e5dbdb;
}

@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #d7e2e9;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #e5dbdb;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #e5dbdb;
    background-color: #425766;
  }
}