html {
    height: 100%;
}

body {
    height: 100%;
    background-image: url('/media/images/bgpattern.png');
}


/*
* Fonts
*/

@font-face {
	font-family: 'Mexcellent';
/*	src: url('/media/fonts/otf/mexcellentrg.otf');*/
	font-style: normal;
	font-weight: 400;
	src: url('/media/fonts/ot/mexcellentrg.otf') format('opentype');
}

.header-container {
    padding: 0;
}

.header {
    height: 60px;
}

header {
    position: fixed;
    background-image: url('/media/images/bgpattern.png');
    /*width: 480px;*/
    margin: 0 auto;
    width: 100%;
}

header .well {
    background: none;
    color: #f2f2f2;
    border: none;
}

header p, header a, header h1, header h2, header h3 {
    color: #f2f2f2;
}

header h1 {
	font-family: 'Mexcellent', Helvetica, sans-serif;
	font-size: 3.2em;
}

.container .content {
    margin-top: 3em;
}

ul.listing {
    list-style: none;
    margin: 0;
}

.hero-unit {
    background: none;
    padding: 19px 0 0 19px;
}

@media (max-width: 768px) {
    header { 
        /*position: static;*/
    }
    body {
        padding: 0;
    }
}