@import 'https://fonts.googleapis.com/css?family=Open+Sans:300';

body {
    background-color:#DDD;
    font-family: 'Open Sans', sans-serif;
    color:gray;
}

a, a:visited {
    text-decoration:none;
}

a:hover {
    color:red;
}

p,li {
    margin-bottom:0.5em;
}

ol {
    list-style-position: inside;
}

li {
    padding-left:1em;
}

h1 {
    font-size:3em;
}

h2 {
    font-size:2em;
}

div.even {
    background-color:#EEE;
    color:gray;
    padding:40px;
}

div.odd {
    background-color:#3089F0;
    color:white;
    padding:40px;
}

div.product {
    padding-bottom:40px;
}

div.product img {
    float:left;
    margin-right: 10px;
}

div.product_desc {
    text-align:left;
    display:inline-block;
}

div.product_desc h1, div.product_desc h2, div.product_desc h3, div.product_desc p {
	text-align: left;
    padding:0px;
    margin:0px;
}

div.blog {
    display:block;
    width:100%
	background-color: lime;
}

div.page-wrapper { 
    width:100%;
    max-width:960px;
    margin:0 auto 0 auto;
    /* background-color:white; */
}

nav {
    position:relative;
    left:0px;
    top:-10px;
    float:right;
}


@media only screen and (max-width: 768px) {
    
    h1 {
        font-size:2.5em;
    }
    h2 {
        font-size:1.5em;
    }
}

@media only screen and (max-width: 640px) {
    
    nav {
        position:static;
        float:none;
    }
    
    div.page-wrapper {
        max-width:640px;
    }
    
    h1 {
        font-size:2em;
    }
    h2 {
        font-size:1.25em;
    }
    div.even {
        padding:20px;
    }
    
    div.odd {
        padding:20px;
    }

}