nav .navbar-image
{
   /* size of logo  */
   vertical-align: middle;
   width: 180px;
   height: auto;
   display: flex;
   flex-wrap: wrap;

}

nav .navbar-nav .white
{
   /* col navbar bottom */
   color: #ffffff;

}
nav .nav-link
{
   font-weight: bold;
}


main .form-control
{
   /* center form controls */
   display: inline-block;
   /* override Bootstrap's 100% width for form controls */
   width: auto;
}

main
{
   /* center contents */
   text-align: center;
}

body
{
 width: auto;
 background-color: #AECCF2;
}

.line
{
   /* blue line with names of pages  */
   display: inline-block;
   min-width: 100%;
   margin: 20px 0 20px 0;
   padding: 10px;
   background-color: #6481a2;
   text-align: left;
   border: 2px;

}

.content
{
   font-weight: bold;
   font-size: 25px;
}
.container-fluid
{
   padding-left: 0px;
   padding-right: 0px;
}

/*  buttons */
main .btn {
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
    border: 1px solid #6481a2;
    padding: 10px;
    text-align: center;
    color: #000000;
    background-color: #6481a2;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6481a2), color-stop(100%, #e5e5e5));
    background-image: -webkit-linear-gradient(top, #6481a2, #e5e5e5);
    background-image: -moz-linear-gradient(top, #6481a2, #e5e5e5);
    background-image: -ms-linear-gradient(top, #6481a2, #e5e5e5);
    background-image: -o-linear-gradient(top, #6481a2, #e5e5e5);
    background-image: linear-gradient(to top, #6481a2, #e5e5e5);
    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#6481a2, endColorstr=#e5e5e5);
}

h1, h4 {
    color: #009933;
}