#parallax img.parallax-header {
    display: block;
    width: 100%;
}

#parallax img.parallax-shim {
    display: none;
    width: 100%;
    visibility: hidden;
}

.info a {
    color: #dc291e;
    text-decoration:none;
}

.info-outer {
    background:white;
    clear:both;
    overflow:hidden;
    position:relative;
}

.info-inner {
    width: 100%;
    max-width: 1600px;
    padding: 25px;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: white;
    position: relative;
    z-index: 1;
    clear:both;
    overflow: hidden;
}

.info h1 {
    font-size: 40px;
    text-align: center;
    text-transform: none;
}

.info p.intro {
    font-size: 22px;
    line-height: 30px;
    margin: 0 auto 30px auto;
}

.info p {
    max-width: 1200px;
    margin: 20px auto 20px auto;
}

.info section.fixed {
    max-width:800px;
    margin:40px auto 0 auto;
}

.info section.fixed.wide {
    max-width:1200px;
}

.info .center {
    text-align: center;
}
    
.info h2 {
    margin:0;
}

.info h2 span {
    color: #888888;
    font-size: 80%;
    text-transform: none;
}

.info h4 {
    color: #888;
    padding: 0;
    margin: 2px 0 0 0;
    font-weight: lighter;
    font-size: 13px;
}

.info .image-right {
    float:right;
    margin:0 0 10px 20px;
    max-width: 350px;
    overflow:hidden;
}

.info .image-left {
    float:left;
    margin:0 20px 10px 0;
    max-width: 350px;
    overflow:hidden;
}

.info .image-right img,
.info .image-left img {
    display:block;
    width:100%;
}

.info ul {
    list-style: disc;
    padding: 0 0 0 50px;
    font-size: 13px;
    line-height: 22px;
}

.info ul.more-info {
    padding: 10px 0 10px 50px;
}

.info .narrow {
    max-width: 800px;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
    
.panel {
    overflow: hidden;
    clear: both;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align:center;
    max-width:800px;
    margin:40px auto 0 auto;
    background: url(../png/background.png);
    background-size:  contain;
}

.panel img {
    width: 100%;
    display:block;
}

.panel div {
    background: white;
    padding: 10px 10px 1px 10px;
    position: relative;
    margin: -43px 5% 5% 5%;
    max-width:800px;
}

.panel h2 {
    margin:0;
    letter-spacing:-1px;
}

.panel h2 span {
    color: #888888;
    font-size: 80%;
    text-transform: none;
}

.panel h4 {
    color: #888;
    padding: 0;
    margin: 2px;
    font-weight: lighter;
    font-size: 13px;
}

.panel p {
    color: #333;
    margin-bottom: 20px;
}

@media (min-width: 768px) {
    #parallax img.parallax-header {
        top:0;
        position:fixed;
    }

    #parallax img.parallax-shim {
        display: block;
        margin-top: -101px;
    }
    
    .panel.left,
    .panel.right {
        text-align:left;
        padding: 0 0 60px 0;
    }    
    
    .panel.right img, 
    .panel.left img {
        width: 50%;
        float: left;
        position: initial;
    }
    
    .panel.right img {
        float:right;
    }
    
    .panel.right div, 
    .panel.left div {
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 50%;
        padding: 10px 30px;
        margin:0;
    }
    
    .panel.right div {
        float:right;
    }
    
    .panel.right p, 
    .panel.left p {
        font-size: 90%;
    }
    
    .info {
        /*margin:0 10px 10px 10px;*/
        clear:both;
        overflow:hidden;
    }
}