/*



Theme Name: X – Child Theme

Theme URI: http://theme.co/x/

Author: Themeco

Author URI: http://theme.co/

Description: Make all of your modifications to X in this child theme.

Version: 1.0.0

Template: x



*/

.x-topbar {

	min-height: 60px;

	z-index: auto;

}

.x-navbar {

	background-color: #fffdf7;

}

.top-header-container {

	float: right;

	font-size: 18px;

	font-weight: 700;

	padding: 12px 0px;

}



.logo_container {

	position: relative;

	width: 220px;

	height: 80px;

	z-index: 2000;

}

.logo_container a {

	position: absolute;

	top: -60px;

	left: 0px;

	z-index: 50000;

}









.reservation-form {

	display: block;

	width: 90%;

	color: #FFF;

	margin: 0px auto;

}

.reservation-form form {

	display: flex;

	justify-content: space-around;

	margin-bottom: 0px;

}

.reservation-form form ul {

	list-style: none;

	margin: 0px;

	padding: 5px;

}

.reservation-form form ul p {

	margin: 0px;

}

.reservation-form form select {

	margin-left: 10px;

}

@media only screen and (max-width: 800px) {

	.reservation-form form {

		justify-content: space-around;

        flex-wrap: wrap; 

    }

}

@media only screen and (max-width: 600px) {

    .top-header-container {

        display: none;

    }

}

@media only screen and (max-width: 400px) {

	.reservation-form form {

		width: 280px;

	}

}