@import url('https://fonts.googleapis.com/css?family=Dancing+Script:400,700|Great+Vibes|Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i|Oswald:200,300,400,500,600,700|Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i');



/*font-family: 'Open Sans', sans-serif;

font-family: 'Oswald', sans-serif;

font-family: 'Roboto', sans-serif;

font-family: 'Dancing Script', cursive;

font-family: 'Great Vibes', cursive;*/


* {
	margin:0px;
	padding:0px;
	border:none;
	outline:none;
}

*,::after,::before{box-sizing:border-box}

body {

	font-size:15px;

	color:#777777;

	line-height:1.8em;

	font-weight:400;

	background:#ffffff;

	background-size:cover;

	background-repeat:no-repeat;

	background-position:center top;

	-webkit-font-smoothing: antialiased;

	font-family: 'Roboto', sans-serif;

}



a{

	text-decoration:none;

	cursor:pointer;

	color:#8b755a;

}



.no-padding{

	padding:0px !important;

}



a:hover,a:focus,a:visited{

	text-decoration:none;

	outline:none;

}



h1,h2,h3,h4,h5,h6 {

	position:relative;

	font-weight:normal;

	margin:0px;

	background:none;

	line-height:1.6em;

	font-family: 'Oswald', sans-serif;

}


.strike-through{

	text-decoration:line-through;

}



.auto-container{

	position:static;

	max-width:1200px;

	padding:0px 15px;

	margin:0 auto;

}



.page-wrapper{

	position:relative;

	margin:0 auto;

	width:100%;

	min-width:300px;

}



.page-wrapper.outline .header-top .top-left{

	overflow:hidden;

}

ul,li{

	list-style:none;

	padding:0px;

	margin:0px;

}



.theme-btn{

	display:inline-block;

	transition:all 0.3s ease;

	-moz-transition:all 0.3s ease;

	-webkit-transition:all 0.3s ease;

	-ms-transition:all 0.3s ease;

	-o-transition:all 0.3s ease;

}



.grey-bg{

	background-color:#f6f6f6;

}


.welcome-page-bg{
	width:100%;
	min-height:100vh;
	background: url('../images/restaurant-bg.jpg') no-repeat top center;
	background-size: cover;
    background-position: center;
}
.welcome-page-bg::after{
	position: absolute;
	content: '';
	left:0;
	right: 0;
	top: 0;
	bottom: 0; 
	background:rgba(0, 0, 0, 0.8); 
}
.welcome-page-content{
	z-index:12; 
	position: absolute;
	top:50%;
	transform: translate(0, -50%); 
	left:0;
	right: 0;
	margin: auto;
	text-align: center;
	max-width:600px;  
}
.welcome-page-content .logo{
	display: flex;
	justify-content: center;
	margin-bottom:15px; 
}
.welcome-page-content .logo img{
	width:200px; 
}
.welcome-page-content h1{
	font-size: 52px;
    color: #ffffff;
    line-height: 65px;
    margin-bottom: 30px;
}
.welcome-page-content h2{
	font-size:38px;
	color:#ce2428; 	
	margin-bottom: 70px;
}
.breakfast-restaurant-btns{
	display: flex;
	justify-content: space-between;
}
.breakfast-restaurant-btns a.btn{
	padding: 18px 35px;
    font-size: 18px;
    color: #ffffff;
    line-height: normal;
    border-radius: 0;
    background-color: #ce2428;
}

@media screen and (max-width: 767px){
.welcome-page-content{
	padding:0 20px; 
}

}

@media screen and (max-height:575px){
.welcome-page-content{
	padding:30px 20px; 
	position: relative;
	top:0;
    transform:inherit;
}	
.welcome-page-bg {
	position: relative;
    min-height: inherit;
    background-size: cover;
}
.welcome-page-content .logo img {
    width: 180px;
}
.welcome-page-content h1 {
    font-size: 42px;
    line-height: 55px;
    margin-bottom: 20px;
}
.welcome-page-content h2 {
    font-size: 30px;
    margin-bottom: 60px;
}
.breakfast-restaurant-btns a.btn {
    padding: 15px 28px;
    font-size: 16px;
}

}
