@import url('https://fonts.googleapis.com/css?family=Poppins:200,300,400,500,600,700,800,900&display=swap');

*
{
	margin:0;
	padding:0;
	font-family: 'Poppins', sans-serif;
}

/*body*/
body
{
	overflow-y: scroll;
	overflow-x: hidden;
	color: #c9c5c5;
	background-color: #1b1b1b;
        
}

h3{
	color: #9e9e9e;
    text-shadow: 2px 1px black;
}
a{
	color: #9e9e9e;
}

/*headers*/
.header
{
	background-image:linear-gradient(rgba(0, 0, 0, 0.5),rgba(0,0,0,0.5)),url(../img/foto1.jpg);
	height:80vh;
	background-position:center;
	background-size:cover;
}

.header2
{
	background-image:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),url(../img/barber.jpg);
	height:40vh;
	background-position:center;
	background-size:cover;
	background-attachment:fixed;
}


/*navbar*/
.navbar{
	background-color: #1b1b1b;}

.navbar-brand {
font-family: "Brush Script MT", "Brush Script Std", cursive;
}
.navbar-brand a{
	color: #E1BA66;
}

.navbar .navbar-nav .active{
	border-bottom:1px solid  white;
}

.navbar .navbar-nav .nav-item a{
	color: #c4bebe;
}

.navbar .navbar-nav .nav-item a:hover{
	background-color: 	#E1BA66;
	color:white;
}

.navbar .navbar-nav  li a{
	color: #9e9e9e;
}



.header-button .btn{
    
margin-top:40vh;
}


.row {
  margin: 15px;
}

.nav-link {
	cursor:pointer;
}


/*footer*/
.footer{
padding-top:30px;
padding-bottom:30px;
color:#9e9e9e;
}

.social-icon a{
	margin:0 16px 20px 16px;
	display:inline-block;
}

.social-icon .fa{

	color: #e8e1d8;
	width:50px;
	height:50px;
	border-radius:50%;
	background: #1b1b1b;
	line-height: 2;
	transition: .3s;
	border:10px solid 	#E1BA66;
}

.social-icon a:hover .fa{
	border:10px solid ;
}

.bordernow{
	width:80px;
	border-bottom:2px solid white;
	margin:0 auto;
	margin-top:20px;
}
/* Specials CSS */
.column {
	position: relative;
}

.img {
	display: block;
	width: 200px;
	height: 500px;
}
.effect {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100%;
	width: 100%;
	opacity: 0;
	transition: .5s ease;
	background-color: 	#E1BA66;
}

.column:hover .effect {
	opacity: 80%;
}

.txt {
	color: #ffffff;
	font-size: 20px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	text-align: center;
}