body {
    padding-top: 50px;
    padding-bottom: 20px;
    font-size: 16px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

.navbar-inverse .navbar-nav > li > a.active { color:#fff; pointer-events:none; }

li {
    color: black;
}

.fill {
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100%;
}

.center-fit {
    width: 100%; /* Ensures the image takes the full width of its container */
    object-fit: contain; /* Scales the image to fit within its container while maintaining aspect ratio. This might result in empty space around the image. */
    object-position: center; /* Centers the image within the container if there's empty space due to 'object-fit: contain'. */
}

/* Three image containers (use 25% for four, and 50% for two, etc) */
.column {
    float: left;
    width: 33.33%;
    padding: 5px;
}

/* Clear floats after image containers */
.row::after {
    content: "";
    clear: both;
    display: table;
}

.parent {
    width: 100%;
}

.left {
    float: left;
    width: 60%;
    padding: 0 25px 25px 0;
    min-height: 200px;
}

.right {
    float: left;
    width: 40%;
    padding: 0 0 25px 25px;
}

h3 { clear:both; }
img { width:100%; height:auto; }

.left2 {
    float: left;
    width: 70%;
    padding: 0 25px 25px 0;
    min-height: 200px;
}

.right2 {
    float: left;
    width: 30%;
    padding: 0 0 25px 25px;
    min-height: 200px;
}

.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 75%;
}


@media (max-width:700px) {
	.left, .left2, .right, .right2 { float:none; width:auto; padding: 0 0 25px 0; }
}