@charset "utf-8";
/* CSS Document */

@font-face {
	font-family: 'Conv_EBGaramond-Regular';
	src: url('fonts/EBGaramond-Regular.eot');
	src: local('☺'), url('fonts/EBGaramond-Regular.woff') format('woff'), url('fonts/EBGaramond-Regular.ttf') format('truetype'), url('fonts/EBGaramond-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

body{
	padding:0%;
	margin:0%;
	font-family:'Conv_EBGaramond-Regular';
	background-image:url('../image/pngkit_barber-logo-png_1155144.png');
	background-repeat:no-repeat;
	background-size:contain;
	background-position:50% 350px;
	background-color:pink;
}

.navbar-brand{
	font-family: 'Lobster', cursive;
	font-size:35px;
	color:lightcoral !important;
}

.nav-link{
	font-size:16px;
	margin:15px;
	color:black !important;
	font-family:'Conv_EBGaramond-Regular';
}

.nav-link:hover{
	color:#000e8e8 !important;
	
}

.active .nav-link{
	color:#00e8e8 !important;
}

.menu-right-btn{
	padding:13px 46px;
	margin-right:4%;
	background-color:transparent;
	transition:all 300ms ease-in;
		
}

.menu-right-btn:hover{
	color:white;
	background-color:#00e8e8;
}

.site-content{
	background-image:url('../image/backbar.jpg');
	background-attachment:fixed;
	background-size:cover;
	background-position:center;
}

.site-title .site-desc{
	color:white;
	font-family:'Conv_EBGaramond-Regular';
}

.site-title{
	margin-top:30;
	margin-bottom:6%;
	font-size:50px;
}

.site-desc{
	font-size:14px;
	padding-left:15%;
}

.site-btn1{
	margin-left:20%;
	background-color:black;
	color:white;
}

.site-btn2{
	background-color:white;
}

.site-btn1, .site-btn2{
	margin-top:5%;
	margin-bottom:40%;
}

@media screen and (max-width:320px){
	.site-content .site-title{
		font-size:30px;
		padding-left:15%;
	}
	
}