@font-face {
    font-family: 'robotomedium';
    src: url('/css/fonts/roboto_medium_macroman/Roboto-Medium-webfont.eot');
    src: url('/css/fonts/roboto_medium_macroman/Roboto-Medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/roboto_medium_macroman/Roboto-Medium-webfont.woff') format('woff'),
         url('/css/fonts/roboto_medium_macroman/Roboto-Medium-webfont.ttf') format('truetype'),
         url('/css/fonts/roboto_medium_macroman/Roboto-Medium-webfont.svg#robotomedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'robotobold';
    src: url('/css/fonts/roboto_bold_macroman/Roboto-Bold-webfont.eot');
    src: url('/css/fonts/roboto_bold_macroman/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/roboto_bold_macroman/Roboto-Bold-webfont.woff') format('woff'),
         url('/css/fonts/roboto_bold_macroman/Roboto-Bold-webfont.ttf') format('truetype'),
         url('/css/fonts/roboto_bold_macroman/Roboto-Bold-webfont.svg#robotobold') format('svg');
    font-weight: normal;
    font-style: normal;

}



html,
button,
input,
select,
textarea {
    color: #222;
}

html {
    font-size: 1em;
    line-height: 1.4;
    font-family: robotomedium, sans-serif;
}

body {
    /*background: url(/img/farmer.png);*/

    text-align: center;
    background-image: url(/img/farmer.png);
/*background-image: url(/img/farmer.png),  -moz-linear-gradient(left,  rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 17%, rgba(0,0,0,0) 53%, rgba(0,0,0,0) 83%, rgba(0,0,0,0.3) 100%);*/ /* FF3.6+ */
/*background-image: url(/img/farmer.png), -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.3)), color-stop(17%,rgba(0,0,0,0)), color-stop(53%,rgba(0,0,0,0)), color-stop(83%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.3))); *//* Chrome,Safari4+ */
/*background-image: url(/img/farmer.png), -webkit-linear-gradient(left,  rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 17%,rgba(0,0,0,0) 53%,rgba(0,0,0,0) 83%,rgba(0,0,0,0.3) 100%); *//* Chrome10+,Safari5.1+ */
/*background-image: url(/img/farmer.png), -o-linear-gradient(left,  rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 17%,rgba(0,0,0,0) 53%,rgba(0,0,0,0) 83%,rgba(0,0,0,0.3) 100%); *//* Opera 11.10+ */
/*background-image: url(/img/farmer.png), -ms-linear-gradient(left,  rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 17%,rgba(0,0,0,0) 53%,rgba(0,0,0,0) 83%,rgba(0,0,0,0.3) 100%); *//* IE10+ */
/*background-image: url(/img/farmer.png), linear-gradient(to right,  rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 17%,rgba(0,0,0,0) 53%,rgba(0,0,0,0) 83%,rgba(0,0,0,0.3) 100%); *//* W3C */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d000000', endColorstr='#4d000000',GradientType=1 ); /* IE6-9 */
}
div.body-900 {
    max-width: 800px;
    margin:auto;
}

h1, h2, h3 {
    font-family: robotobold, sans-serif;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */