body {background-color: #fff;  font-family: 'Open sans', sans-serif;font-size: 1em;padding: 0px;margin: 100px 0 0 0;background-image: url('../img/feather-main.png');background-repeat: repeat-x; }
img { max-width: 100%;}
.container { max-width: 1100px;padding: 0 0.5em;}
h1,h2,h3,h4 { margin: 0.7em 0;}

.flags {

text-align: right;
color: #c1c1c1;
font-size: 1em;
line-height:1.5em;
}

.flags div  {float:right;margin:5px;}

#navmenu a { font-size: 1.4em;color: #9bcb55;font-weight: 300;text-decoration: none;}
#navmenu a:hover { color: #333;}
        #navmenu li { margin: 0 10px; display: inline; }
        #navmenu ul { list-style: none outside none; margin:0; padding: 0; text-align: center; }

.mainbody { color: #333;min-height: 650px;}

    .mainbody a, .mainbody a:visited, .mainbody a:active { color: #000;text-decoration: underline; }

        .mainbody a:hover { color: #9bcb55; }

    .mainbody h1 { color: #333 !important; font-size: 2em; font-weight: 300; }
    .mainbody h2 { color: #565656 !important; font-size: 1.6em; font-weight: 300; }
    .mainbody h3 { color: #565656 !important; font-size: 1.4em; font-weight: 300; }
    .mainbody h4 { color: #565656 !important; font-size: 1.2em; font-weight: 300; }

    .mainbody ol, .mainbody ul  { margin: 1em 0 1em 2em;}
    .mainbody ol { list-style-type: decimal;}
    .mainbody ul { list-style: disc;}
    .mainbody p { margin-bottom: 1em;}
    .mainbody img[align=left] {margin:1em 1em 1em 0;}
    .mainbody img[align=right] {margin:1em 0 1em 1em;}
        .mainbody blockquote { text-align: center;color: #c2c2c2;padding: 20px 10px;border-top: 1px solid #c2c2c2;border-bottom: 1px solid #c2c2c2;margin: 15px 0;
        font-size: 2em;
    }
    .mainbody  blockquote p { margin: 0;padding: 0;text-align: center;line-height: 1.2em;}
    .mainbody em { font-weight: 400;font-style: italic;}

    .winecol { width: 40%; margin: 0 5%; float: left;margin-bottom: 1.5em;}
    .winecol h2 { text-align: center; }
    .wineimg { text-align: center; }
    .wineimg img { width: 40%; width: auto;}

    .vintageTbl th, .vintageTbl td { padding: 10px 0;}
    .vintageTbl th { font-weight: 300;color: #c3c3c3;font-size: 1.4em;}
    .vintageTbl td { font-size: 1.4em;padding-left: 20px;}

    .madeby { text-align: right;}
    .madeby a { color: #c1c1c1;text-decoration: none;}
    .madeby a:hover { color: #333;}
    

    #container {
    width: 97%;
    margin: 0 auto;
}
.brick {float: left;width: 20%;margin: 5px 2.4%;border: 5px solid transparent;}
.brick:hover{ border-top: 5px solid #9bcb55;}
.brick img { max-width: 100%;}

 @media \0screen { .wineimg img{ width: auto }} /* Prevent height distortion in IE8. */

    @media ( max-width : 768px ) {

        nav { float: none;margin: 15px 0;}
        nav li { float: left;margin-right: 10px;}
        .mainbody img[align=left],.mainbody img[align=right]  { max-width: 30%;}
        .logo { text-align: center;width: 100%;}
        #navmenu { margin-top: 30px;}
        .winecol { width: 100%; float: none;margin-bottom: 1.5em;}

}