/********************** Globals *********************************************/


	html,body {
		position:relative;
		min-height:100%;
		width:100%;
		padding:0;
		margin:0;
		font-family: 'Montserrat', sans-serif;
	}

	body {
  		margin-bottom: 60px;
	}

/********************** Navbar *********************************************/

	.navbar-relative {
		position: relative;
		z-index: 2;
	}

	#home-navbar a {
		padding: 7px 18px;
	  	color: rgba(255, 255, 255, 0.7);;
	}

	#home-navbar a:hover {
		color: #FFF;
	}

	#home-navbar .dropdown-menu a {
		color: #000;
	}

	#profile-navbar a {
		padding: 7px 18px;
	  	color: #FFF;
	}


/********************** footer *********************************************/

	.home-footer {
		color: #fff;
		position: absolute;
		z-index: 3;
		bottom: 0;
		width: 100%;
		height: 60px; /* Set the fixed height of the footer here */
	}

	.home-footer .fa-heart {
		color: #EB5E28;
	}

	.copyright .fa-heart {
		color: #EB5E28;
	}

/********************** componets *********************************************/

	.home-background {
	  background-image: url("../img/landscape.jpg");
	  background-position: center center;
	  background-size: cover;
	  min-height: 100vh;
	  overflow: hidden;
	  position: absolute;
	  width: 100%;
	}

	.home-background .filter-black::after {
	  background-color: rgba(0, 0, 0, 0.5);
	  content: "";
	  display: block;
	  height: 100%;
	  left: 0;
	  position: absolute;
	  top: 0;
	  width: 100%;
	  z-index: 1;
	}

	.home-background .container {
	  margin-top: 11%;
	  position: relative;
	  z-index: 3;
	}

	.card {
	  background-color: #FF8F5E;
	  border-radius: 8px;
	  color: #fff;
	  margin: 20px 0 20px;
	  padding: 30px;
	}

	.card label {
	  margin-top: 15px;
	}

	.profile-background {
	  background-image: url("../img/selladeldiavolo.png");
	  background-position: center center;
	  background-size: cover;
	  height: 300px;
	  position: relative;
	  margin-top: -110px;
	}

	.profile-background .filter-black::after {
	  background-color: rgba(0, 0, 0, 0.5);
	  content: "";
	  display: block;
	  height: 300px;
	  left: 0;
	  position: absolute;
	  top: 0;
	  width: 100%;
	  z-index: 1;
	}

	.profile-content {
	  position: relative;
	}

	.owner .avatar {
	  margin-top: -85px;
	  padding: 15px;
	  position: relative;
	  z-index: 3;
	}

	.owner .name h4 {
	  margin-top: 10px;
	}

	.profile-tabs {
	  margin: 50px 0;
	  min-height: 300px;
	}


	.mfp-bg {
		z-index:2000;	
	}

	.mfp-wrap {
		z-index:2000;	
	}