/* bree-serif-regular - latin */
@font-face {
  font-family: 'Bree Serif';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/bree-serif-v7-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Bree Serif Regular'), local('BreeSerif-Regular'),
       url('fonts/bree-serif-v7-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/bree-serif-v7-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/bree-serif-v7-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/bree-serif-v7-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/bree-serif-v7-latin-regular.svg#BreeSerif') format('svg'); /* Legacy iOS */
}


html {
	height: 100%;

}
body {
	background: #FFF;
	height: 100%;
	font-family: 'Bree Serif';
	margin: 0 !important;
	padding: 0!important;

}

html { margin: 0; padding: 0 }

a {color: #fff;}

#footer {
	background: url("footer.png");	
	position: fixed;
	width: 100%;
	bottom: 0;
	text-align: center;
	color:#FFF;
	height:50px;
	padding-top:25px;
}

#index {
	max-width: 800px;
	margin: 0 auto;
	color: #fff;
	padding: 50px 0;
}

img { width:70%; height:auto; }





@media screen and (max-width: 850px) {

#index { padding: 160px 0 40px 0; max-width: 80%; }
img { width:100%; height:auto; }

}