body {
	/* main website background color*/
	background-image: url('img/bg.jpg');
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	/*background-color: #868e85;*/
}

.table td, .table th {
	padding: .75rem;
    vertical-align: top;
    border-top: 0px !important;
}

.table-secondary, .table-secondary>td, .table-secondary>th {
    background-color: #0e170114 !important;
}

.bg-light {
	/* navbar background set to lighter green*/
	background-color: #b9c3b8 !important;
}

.border {
	/* navbar border set to nothing*/
	border: 0px !important;
}

.btn-primary {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}

nav .navbar-brand
{
    /* size for brand */
    font-size: xx-large;
}

/* colors for brand */
nav .navbar-brand .blue
{
    color: #537fbe;
}
nav .navbar-brand .red
{
    color: #ea433b;
}
nav .navbar-brand .yellow
{
    color: #f5b82e;
}
nav .navbar-brand .green
{
    color: #2e944b;
}

main .form-control
{
    /* center form controls */
    display: inline-block;

    /* override Bootstrap's 100% width for form controls */
    width: auto;
}

main
{
    /* scroll horizontally as needed */
    overflow-x: auto;

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

main img
{
    /* constrain images on small screens */
    max-width: 100%;
}
