html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}

body {
		background-color: #1B1A1A; /* black; */
}

@font-face {
    font-family: 'GrungeFace';
    src: url('../font/GrungeFace.otf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GrungeFaceBold';
    src: url('../font/GrungeFace.otf');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Belgrad';
    src: url('../font/belgrad-webfont.eot');
    src: url('../font/belgrad-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/belgrad-webfont.woff2') format('woff2'),
         url('../font/belgrad-webfont.woff') format('woff'),
         url('../font/belgrad-webfont.ttf') format('truetype'),
         url('../font/belgrad-webfont.svg#belgradbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Optien';
    src: url('../font/optien-webfont.eot');
    src: url('../font/optien-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/optien-webfont.woff2') format('woff2'),
         url('../font/optien-webfont.woff') format('woff'),
         url('../font/optien-webfont.ttf') format('truetype'),
         url('../font/optien-webfont.svg#optienregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


img { border: 0px none; }

ul.nav.menu img { width: 150px; margin-right: 10px; margin-left: 10px; margin-bottom: 10px; display: block; }

div.header-inner.clearfix img { display: block; margin: 0px auto; padding-top: 20px; }
div.site-description { text-align: center; font-family: 'GrungeFace'; font-size: 2.9em; font-weight: 600; letter-spacing: 0.08em; color: white; }
div.site-address { text-align: center; font-family: 'GrungeFace'; font-size: 1.4em; font-weight: 600; letter-spacing: 0.08em; color: white;}
div.site-slogan { text-align: center; font-family: 'Optien'; font-size: 3.0em; font-weight: 600; letter-spacing: 0.05em; color: #FF0000; }
div.site-slogan  span.tre {  font-family: 'Belgrad'; }
div.site-slogan  span.zero {  font-family: 'Optien'; font-weight: 600; font-size: 1.21em}

div.item-page p { font-family: 'GrungeFace'; font-size: 1.6em; text-transform: uppercase; margin: 2px; letter-spacing: 0.05em;}
/* Montserrat, Maven Pro, Arimo */
/* Oswald, Francois One, Fjalla One */

ul { padding: 0px; max-width: 1020px; margin: 0px auto; }
ul li { list-style-type: none; float: left; text-align: center; font-family: 'GrungeFace'; min-height: 210px; font-size: 1.5em; margin-top: 25px; }
ul li a { text-decoration: none; }
/* ul li img { margin-bottom: 45px; margin-left: 45px; margin-right: 45px; } */
/* ul.nav.menu span.image-title {  } */


.aboutus  { color: #FF0000; /* #FE0000; */}
.courses  { color: #02b293; /* #00b194; */}
.events   { color: #f26926; /* #ffd200; */}
.news     { color: #faa21f; /* #343091; */}
.theater  { color: #7ac142; /* #7ac043; */}
.contacts { color: #ee1648; /* #ed174a; */}

.row-fluid {
	padding-left: 30px;
	padding-right: 30px;
	background-color:  #e3deca;
	border-radius: 10px;
}

main#content {
	clear: both;
}

.v-wrap{
    height: 100%;
    text-align: center;
    white-space: nowrap;
}

.v-wrap:before{
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 0;
    margin-right: -.25em; /*might want to tweak this. .25em for extra white space */
    height: 100%;
}

div.container {
	max-width: 1080px;
    display: inline-block;
    vertical-align: middle;
    white-space: normal;
    padding: 0 1em;
}

.container {
	margin-right: auto;
	margin-left: auto;
}