

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



#nav {
  !height: 60px;
  !background-color: black;
  !display: block;
  !position: fixed;
  !width: 100%;
  !z-index: 99999;
  !transition: all ease .5s;
  margin-top:20px;
  }

#logo {
  !width:200px;
  float:left;
  !padding-left:20px;
}



#nav.shrink {
  height: 40px;
  transition: all ease .5s;
  
  
}

#nav.shrink #logo {
  
  transition: all ease .5s;
}

body{
	background-color:#260d26;
	color:white;
	font-size: 70px;
	font-family: 'ACharmingFont';
	}
	
	
.container{padding:0px;}
.row{margin: 0 auto;}
.content-section{margin:0 auto; padding:0px;}


#logo{
	margin: auto auto;
	}
	
.mareste{transition: all 1s ease;
transform: scale(1.1);
}

.micsoreaza {transition: all 1s ease;
transform: scale(1);
}

.rosu{ border: solid red; box-shadow: 0 0 60px red; }

.roshu{ border: solid red; box-shadow: 0 0 60px red; }

.mov img:hover{ border: solid purple; box-shadow: 0 0 90px purple; }

.albastru{ border: solid blue; box-shadow: 0 0 90px blue; }

#largeElement{
	width:1290px; 
	height:500px;
	background-image:url('../poze/Gothic-Angel-with-Wings-in-the-Night.jpg');
	background-repeat: no-repeat;
background-size:cover;
!background-position:center center;
!background-attachment:fixed;
}

#smallElement{
	width:1500px; 
	height:300px;
	background-image:url('../poze/Gothic-Angel-with-Wings-in-the-Night2.jpg');
	background-repeat: no-repeat;
background-size:cover;
}

#myImg{
	width:1500px; 
	height:410px;
	background-image:url('../poze/cagothic92.jpg');
	background-repeat: no-repeat;
background-size:cover;
}

#myImg2{
	width:1500px; 
	height:410px;
	background-image:url('../poze/clepsidra.jpg');
	background-repeat: no-repeat;
background-size:cover;
}

#myImg3{
	width:1500px; 
	height:410px;
	background-image:url('../poze/vioara.jpg');
	background-repeat: no-repeat;
background-size:cover;
}
 #paturica{background-color:black; opacity:0.4; height:500px; padding-top:90px;display:none;}
#paturica a{position:relative;  color:white; opacity:2; font-size:70px; text-decoration:none;}
#paturica a:hover{color:yellow;}

 #paturica2{background-color:black; opacity:0.4; height:300px; padding-top:60px;display:none;}
#paturica2 a{position:relative;  color:white; opacity:2; font-size:70px; text-decoration:none;}
#paturica2 a:hover{color:yellow;}

 #paturica3{background-color:black; opacity:0.4; height:405px; padding-top:60px;display:none;}
#paturica3 a{position:relative;  color:white; opacity:2; font-size:70px; text-decoration:none;}
#paturica3 a:hover{color:yellow;}

#paturica4{background-color:black; opacity:0.4; height:405px; padding-top:60px;display:none;}
#paturica4 a{position:relative;  color:white; opacity:2; font-size:70px; text-decoration:none;}
#paturica4 a:hover{color:yellow;}

#paturica5{background-color:black; opacity:0.4; height:405px; padding-top:60px;display:none;}
#paturica5 a{position:relative;  color:white; opacity:2; font-size:70px; text-decoration:none;}
#paturica5 a:hover{color:yellow;}

.page-scroll{
	 -webkit-transition-property:-webkit-transform;
	 -webkit-transition-duration:2s;
	 -moz-transition-property:-webkit-transform;
	 -moz-transition-duration:2s}
	 
.dropdown-menu{
	font-size :50px;
}

.undead{
  background: url(../poze/throne.png);
  background-repeat: no-repeat;
  background-size:cover; 
  width:100%; min-height:200px;
}

.barbar{
  background: url(../poze/barbar.png);
  background-repeat: no-repeat;
  background-size:cover; 
  width:100%; min-height:200px;
}

.orc{
  background: url(../poze/orc.jpg);
  background-repeat: no-repeat;
  background-size:cover; 
  width:100%; min-height:200px;
}

.crusader{
  background: url(../poze/crusader.png);
  background-repeat: no-repeat;
  background-size:cover; 
  width:100%; min-height:200px;
}

table {
  width: 100%;
  table-layout: fixed;
}
