body {
  background: url(../images/background.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

  overflow-x:hidden;
}
.nav>li>a {
    padding: 0px 0px;
}

ul.navbar-nav {
	min-height:60px!important;
}
.group {
    margin-bottom: 25px;
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 35px;
    background-color: #fff; 
}
.row-info-index {
	margin-bottom:20px;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus,
.navbar-right >li > a:hover, .navbar-right > li > a:focus,
.navbar-background,
.dropdown-menu,
.dropdown-toggle:hover,
.dropdown-toggle:focus,
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
	background-color:#495956;
}
.navbar {
	min-height:64px;
	background-color:transparent;
	border:0px;
}
.navbar-brand {
	height:auto;
	padding:0px;
}
ul.navbar-nav {
	min-height:64px;
}
.navbar-default .navbar-nav>.active> a, 
.navbar-default .navbar-nav>.active> a:focus, 
.navbar-default .navbar-nav>.active> a:hover {
	color:#000;
	background-color:transparent;
	border-bottom: 2px solid #88B04B;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	background-color:transparent;
}

.fa-check-square-o {
	color:#88B04B;
}

/*Overwrite hamburger css*/
.hamburger {
	height:64px;
}


.play-now,
.play-now:hover,
.play-now:active {
	background-color:#300D09;
	border:1px solid #300D09;
}

.full-height {
	height: 100%;
}
.sixty-height {
	height:60px;
}
.navbar-right {
	right:0px!important;
}
.icon-submeniu-ext {
	height:30px;
	width:30px;
}
.money-front {
	height:300px;
}
.no-padding {
	padding-left: 0px;
	padding-right: 0px;
}
.new-body {
  background: url(../images/background.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.height-full {
	height: calc(100vh - 75px);
}
.upper-part-center-display {
	background-color:transparent!important;
}
.down-part-center-display {
	background-color:transparent!important;
}

.well-pergament {
	width:65%;
	height:85%;
	max-width:576px;
	max-height:720px;
	padding:75px;
	background: url(../images/pergament.png) no-repeat center center; 
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}

.well-pergament-despre-noi {
	width:100%;
	height:100%;
	max-width:576px;
	max-height:720px;
	padding:90px;
	background: url(../images/pergament.png) no-repeat center center; 
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;

  	overflow-y: hidden;
}
.despre-noi-text{
	text-align:justify;
	width:100%;
	height:100%;
	overflow-y:scroll;
}
.upper-info-index {
	height:30%;
}
.middle-info-index{
	height:20%;
}
.bottom-info-text {
	height:50%;
}
.medieval-font {
	font-family: 'MedievalSharp', cursive;
}
@media only screen and (max-device-width : 320px) {
	.body-login-register {
  		background-image:none;
  		background-color:#F3DBBF!important;
	}
	.well-pergament, .well-pergament-despre-noi {
		width:90vw;
		height: 90vh;
		max-width:300px;
		max-height: 400px;
		padding:55px;
	}
	
	.transparent-well-pergament {
		background-image:none;
		background:transparent;
		max-width:none;
		max-height:none;
	}
	.register-top {
		position:relative;
		top:35px;
	}
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 321px) and (max-device-width : 480px) {
/* Styles */
	.body-login-register {
  		background-image:none;
  		background-color:#F3DBBF!important;
	}
	.well-pergament, .well-pergament-despre-noi {
		width:90vw;
		height: 90vh;
		max-width:300px;
		max-height: 400px;
		padding:55px;
	}
	
	.transparent-well-pergament {
		background-image:none;
		background:transparent;
		max-width:none;
		max-height:none;
	}

	.money-front {
		display: none;
	}
	.upper-info-index {
		height:83%;
		margin-bottom:5px;
	}
	.middle-info-index{
		height:17%;
	}
}

/* */
@media only screen and (min-device-width : 600px) and (max-device-width : 1023px) and (orientation: landscape){
/* Styles */
	.well-pergament, .well-pergament-despre-noi {
		width:90vw;
		height: 90vh;
		max-width:350px;
		max-height: 430px;
		padding:55px;
	}
	.money-front {
		height: 75px;
	}
	.upper-info-index {
		height:65%;
		margin-bottom:5px;
	}
	.middle-info-index{
		height:10%;
		margin-bottom:10px;
	}
	.bottom-info-index {
		height:25%;
	}
}


/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation: portrait){
/* Styles */
	.well-pergament {
		padding:110px;
		max-width:415px;
		max-height:500px;
	}
	.money-front {
		height: 75px;
	}
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
/* Styles */
	.well-pergament {
		width:90vw;
		height: 90vh;
		padding:55px;
	}
	.money-front {
		height: 75px;
	}
	.upper-info-index {
		height:65%;
		margin-bottom:5px;
	}
	.middle-info-index{
		height:10%;
		margin-bottom:10px;
	}
	.bottom-info-index {
		height:25%;
	}
}

@media only screen and (min-device-width : 800px) and (max-device-width : 1280px) {
/* Styles */
	.well-pergament {
		width:90vw;
		height: 90vh;
		max-width:350px;
		max-height: 430px;
		padding:55px;
	}
	.money-front {
		height: 75px;
	}
	.upper-info-index {
		height:65%;
		margin-bottom:5px;
	}
	.middle-info-index{
		height:10%;
		margin-bottom:10px;
	}
	.bottom-info-index {
		height:25%;
	}
}

/* Desktops and laptops ----------- */
@media only screen  and (min-width : 1224px) {
/* Styles */
	.well-pergament {
		width:90vw;
		height: 90vh;
		max-width:350px;
		max-height: 430px;
		padding:55px;
	}
	.money-front {
		height: 75px;
	}
	.upper-info-index {
		height:65%;
		margin-bottom:5px;
	}
	.middle-info-index{
		height:10%;
		margin-bottom:10px;
	}
	.bottom-info-index {
		height:25%;
	}
}


/* iPhone 4 ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}

/* iPhone 5 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* iPhone 6 ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* iPhone 6+ ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* Samsung Galaxy S3 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* Samsung Galaxy S4 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

/* Samsung Galaxy S5 ----------- */
@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}