@charset "UTF-8";

@font-face {
  font-family: 'Mongolian White';
  src:local('Mongolian White'), url('../../font/mnglwhiteaat.ttf') format('truetype');
  src:local('Mongolian White'), url('../../fonts/mnglwhiteotf.ttf') format('truetype');
}

@font-face {
  font-family: 'Mongolian Writing';
  src:local('Mongolian Writing'), url('../../font/mnglwritingaat.ttf') forfonts/mat('truetype');
  src:local('Mongolian Writing'), url('../../font/mnglwritingotf.ttf') format('truetype');
}

*, *:after, *:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}


body {
	font-family: 'Oswald', sans-serif;
	padding:0px;
	margin:0px;
	font-size:14px;
	line-height:20px;
}

.background-image {
	position: fixed;
	left: 0px;
	right:0px;
	top: 0px;
	bottom:0px;
	z-index:-1;
	/*
	-webkit-filter: blur(4px);
	-moz-filter: blur(4px);
	-o-filter: blur(4px);
	-ms-filter: blur(4px);
	filter: blur(4px);
	*/
}

.container {
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}

 @media (min-width: 992px) {
	 .container {
		 width: 970px;
	}
}
 @media (min-width:1200px) {
	.container {
		 width:1170px;
	 }
}
/*
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}
*/

.row {
	margin-right:-15px;
	margin-left:-15px
}

.main_content {
	float:left;
	width:100%;
}

.logo_text{
    float:left;
    padding-top:30px;
}

.menu_button{
	float:right;
	padding-right:30px;
	padding-top:30px;
}

@media (min-width:768px) {
 .menu_button{
	float:right;
	padding-right:50px;
	padding-top:50px;
}
}
.menu_button a{
	color:#FFF;
	font-size:18px;
	text-decoration:none;
	text-shadow: 1px 1px 8px #000000;
}

.logo {
	float:left;
	width:100%;
	text-align:center;
	margin-bottom:25px;
}

.logo img {
	height:100px;
}

.slagon2{
	  padding: 0px;
	  font-family: 'Mongolian Writing';
	  font-size : 60px;
	  -moz-writing-mode: vertical-lr;
	  writing-mode: vertical-lr;
	  -webkit-writing-mode: vertical-lr;
	  -o-writing-mode: vertical-lr;
	  -ms-writing-mode: tb-lr;
	  writing-mode: tb-lr;
	  -webkit-text-orientation: sideways-right;
	  text-justify: inter-ideograph;
	  text-align:center;
	  color: #fff;
	  display: block;
	  text-shadow: 1px 1px 8px #000000;
	  margin-top: 0px;
	  margin-left: 45px;
	  margin-right: auto;
	  width: 1em;
	  min-height:350px;
}


@media (min-width:768px) {
 
}

@media (min-width: 992px) {

}

 @media (min-width:1200px) {

}



/*
@media (max-height:1200px) {
 .main_content {
 	margin-top:12%;
}
}
 @media (max-height:992px) {
.main_content {
	 margin-top:5%;
}
}

 @media (max-width:768px ) {
 .main_content {
 	 margin-top:15%;
}
}
 @media (max-height:768px) {
 .main_content {
	 margin-top:2%;
}
}

*/


.intro_menu {
	float:left;
	width:100%;
	padding-top:20px;
}

.intro_menu tr td{
	border-bottom:1px solid #999;
}

.intro_menu table tr td {
	padding-top:10px;
	padding-bottom:10px;
}

.intro_menu img{
	height:40px;	
}

.intro_menu a{
	float:left;
	width:100%;
	text-decoration:none;
}

.intro_menu a span{
	color:#000;
	font-size:15px;
	text-transform:uppercase;
}

.intro_menu a:hover span{
	text-decoration:underline;
}


/*end grid menu */


.footer_box {
	float:left;
	width:100%;
}
.author {
	float:left;
	width:100%;
	color:#fff;
	font-size:15px;
	text-align:left;
	/*backdrop-filter: blur(10px);
	border-radius:10px;
	*/
	text-shadow: 0px 0px 2px #000;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.01) 0%, rgba(0, 0, 0, 0.65) 25%, rgba(0, 0, 0, 0.8) 100%);
	padding-top:45px;
	padding-bottom:40px;
}
.author h2{
	float:left;
	width:100%;
	padding:25px;
	padding-bottom:10px;
}

.author p{
	float:left;
	width:100%;
	padding:25px;
	padding-bottom:0px;
	text-align:justify;
}

.author h2 span{
	text-transform:uppercase;
	border-bottom:2px solid #0acbfa;
}

 


@media (min-height: 820px){
  .author {
	  width:100%;
	  position:absolute;
	  bottom:0px;
	  left:0px;
	  right:0;
	  display: block;
	  z-index:100;
	
    }
}
 
 
@media (min-width: 920px){
	 .author {
		 width:100%;
		 position:absolute;
		 bottom:0px;
		 left:0px;
		 right:0;
		 display: block;
		 z-index:100;
	}

}