/* =========================================
   General Page Styles
   ========================================= */

body {
    margin: 40px auto;
    max-width: 650px;
    line-height: 1.4;
    font-size: 16px;
    background-color: #ffff99;
    padding: 10px;
    color: #000033;
    font-family: Arial, sans-serif;
}

/* =========================================
   Link Styles
   ========================================= */

a {
    text-decoration: none;
}

a:link {
    color: #00aaff;
}

a:visited {
    color: #666666;
}

a:active {
    color: #00FF00;
}

a:hover {
    background-color: #c9c9c9;
}

/* =========================================
   Layout Container Styles
   ========================================= */

.container {
    width: 100% !important;
    position: relative;
}

.row {
    /* Add clearfix to handle floats if needed */
    overflow: hidden;
}

.col-md-12,
.col-md-9 {
    display: block;
}

/* =========================================
   Section Background Colors
   ========================================= */

.part-a {
    background: #a9d6a9;
}

.part-b {
    background: #f5f5f5;
    overflow: hidden;
    position: relative;
}

.part-b .background {
    display: block;
    position: absolute;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: #e5d3b3;
}

.part-b .container {
    background: #c0c0c0;
    opacity: 0.8;
}

.part-c {
    background: #f0f0f0;
}

/* =========================================
   Image Styles
   ========================================= */

img {
    max-width: 100%;
    height: auto;
}

/* =========================================
   Typography
   ========================================= */

i {
    font-style: italic;
}

p {
    margin-bottom: 15px;
}