.exampleHeader{
    background: #fdf5e3;
    color: #473b32;
    text-align: center;
    padding: 30px 20px;
}

.exampleHeader img{
    width: 70px;
    position: absolute;
    top: 12px;
    left: 14px;
}

    h2.exampleTagline{
        font-size: 1.2em;
    }
 
nav.menuExample{
    margin: 0;
    padding: 0;
    border: 4px dotted #6f7470;
    border-width: 4px 0;
    background: #fff;
}
.menuExample>ol{
    margin: 0;
    padding: 0;   
    text-align: center;   
}
.subMenu{    
    text-align: left; 
} 
 

main.exampleMain{
    margin-top: 0;;
}
 
 
.exampleMain{
    text-align: center;
    font-size: 1.2em;
    background-color: #fdf5e3;
    min-height: 100px;
    padding-top: 10px;
    padding-bottom: 17px;
} 


.searchContainer {
    position: absolute;
    top:8px;
    right:-2px;
}
.searchContainer input[type=text]{
    width: 150px;
    margin-top: 8px;
    padding: 8px;  
    border: none;
    font-size: .9em;   
}
.searchContainer button {   
    margin: 8px 14px 0 0;
    background: #cfcece;
    font-size: 1.0em;
    border: none;
    cursor: pointer;
    float: right;
    padding: 8px 10px;
}

@media screen and (max-width: 990px) {
.searchContainer {
    display: none;
}
}