@media all {
    .grid-container {
        max-width: 63.3rem;
        background-color: #fff;
    }

    .top-bar {
        padding: 0;
        margin: 0;
        margin-bottom: 0.2em;
    }

    .top-bar-right {
        background: #fff;
    }


    .top-bar ul {
        background: #fff;
    }



    #example-menu ul li a,
    #example-menu ul li strong {
        background: #fff;
        color: #222222;
    }

        #example-menu ul li a:focus,
        #example-menu ul li a:hover,
        #example-menu ul li a:active {
            text-decoration:underline;
        }

    #example-menu {
        background: rgb(255,255,255);
    }


    .title-bar {
        background: #DFB563;
    }

        .title-bar a {
           
        }

    .active {
        font-weight: bold;
    }

    body, p, h1, h2, h3 {
        font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;
        color: #222222;
    }

    body {
        background: url(../images/bg-image.jpg);
        background-repeat: repeat;
    }

    h1 {
        font-size: 200.00%;
        color: #1fa02c;
        font-weight: normal;
    }

    h2 {
        font-size: 120.00%;
        color: #6a5c42;
        font-weight: bold;
    }

    h3 {
        font-size: 100.00%;
        font-weight: bold;
    }

    h4 {
        font-size: 100.00%;
        line-height: 1;
        padding: 0;
        margin: 0;
    }

    .vornach {
        color: #6a5c42;
    }

    .breadcrumbs a {
        color: #04743a;
    }

    a {
        
        text-decoration: underline;
    }

    a:focus,
    a:hover,
    a:active {
            
            text-decoration: underline;
            
        }

    hr {
        border: solid #f8b333;
        border-width: 1px 0 0;
        clear: both;
    }

    #footer {
        
        background: rgb(245,245,245);
        font-size: 70.00%;
        padding: 1.2em;
        border-top: 1px solid #f8b333;
        margin-top: 4.0em;
    }

    #footer a {
            
            background: transparent;
            font-weight: bold;
        }

    #footer a:focus,
    #footer a:hover,
    #footer a:active {
                
                background-color: transparent;
                text-decoration: underline;
            }

    /* Pricing Tables */
    .pricing-table {
        border: solid 1px #dddddd;
        margin-left: 0;
        margin-bottom: 1.25em;
    }

        .pricing-table * {
            list-style: none;
            line-height: 1;
        }

        .pricing-table .title {
            background-color: #dddddd;
            padding: 0.9375em 1.25em;
            text-align: center;
            color: #333333;
            font-weight: bold;
            font-size: 1em;
        }

        .pricing-table .price {
            background-color: #eeeeee;
            padding: 0.9375em 1.25em;
            text-align: center;
            color: #333333;
            font-weight: normal;
            font-size: 1.25em;
        }

        .pricing-table .description {
            background-color: white;
            padding: 0.9375em;
            text-align: center;
            color: #777777;
            font-size: 0.75em;
            font-weight: normal;
            line-height: 1.4;
            border-bottom: dotted 1px #dddddd;
        }

        .pricing-table .bullet-item {
            background-color: white;
            padding: 0.9375em;
            text-align: center;
            color: #333333;
            font-size: 0.875em;
            font-weight: normal;
            border-bottom: dotted 1px #dddddd;
        }

        .pricing-table .cta-button {
            background-color: whitesmoke;
            text-align: center;
            padding: 1.25em 1.25em 0;
        }


    /* Panels */
    .panel {
        border-style: solid;
        border-width: 1px;
        border-color: #d9d9d9;
        margin-bottom: 1.25em;
        padding: 1.25em;
        background: #f2f2f2;
    }

        .panel > :first-child {
            margin-top: 0;
        }

        .panel > :last-child {
            margin-bottom: 0;
        }

        .panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6, .panel p {
            color: #333333;
        }

        .panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6 {
            line-height: 1;
            margin-bottom: 0.625em;
        }

            .panel h1.subheader, .panel h2.subheader, .panel h3.subheader, .panel h4.subheader, .panel h5.subheader, .panel h6.subheader {
                line-height: 1.4;
            }

        .panel.callout {
            border-style: solid;
            border-width: 1px;
            border-color: #2284a1;
            margin-bottom: 1.25em;
            padding: 1.25em;
            background: #2ba6cb;
            -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
            box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
        }

            .panel.callout > :first-child {
                margin-top: 0;
            }

            .panel.callout > :last-child {
                margin-bottom: 0;
            }

            .panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6, .panel.callout p {
                color: white;
            }

            .panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6 {
                line-height: 1;
                margin-bottom: 0.625em;
            }

                .panel.callout h1.subheader, .panel.callout h2.subheader, .panel.callout h3.subheader, .panel.callout h4.subheader, .panel.callout h5.subheader, .panel.callout h6.subheader {
                    line-height: 1.4;
                }

            .panel.callout a {
                color: white;
            }

        .panel.radius {
            -webkit-border-radius: 3px;
            border-radius: 3px;
        }

}