*{
	margin:0;
	padding:0;
	box-sizing:border-box;
	max-width:100%
}

img {
	width:100%;
}

p{
	font-family:raleway;
}

#header-content{
	background:#b7957f;
	filter:alpha(opacity=50);
	padding: 20px 20px 20px 20px;
	font-family:raleway;
	font-weight:600;
	
	display:flex;
	align-items:center;
}

.header-logo{
	width:150px;
	margin-left:30px;
}

.header-nav{
	display:flex;
	align-items:center;
}

.header-nav ul li{
	float:left;
	margin-left:20px;
}

.hnbar{
	list-style:none;
	position:absolute;
	right:40px;
}

.hnbar-item-icon{
	width:25px;
	height:25px;
}

.hnbar-item a{
	color:black;
	text-decoration:none;
}

.hnbar-item:hover{
	background:#b7995c;
	text-decoration:underline;
}

.checkout{
	font-family:andada pro;
	color:#5e3023;
	font-weight:800;
	font-size:50px;
	margin:40px 0 40px 50px;
}

.client-details{
	color:#ab7743;
	font-weight:700;
	font-size:25px;
	margin:0 0 25px 50px;
}

.fnln-cont{
	display:flex;
	flex-flow:row wrap;
	align-items:center;
	margin-left:55px;
	margin-bottom:30px;
}

.fname{
	padding-right:35px;
}

.lname{
	margin-left:75px;
}

.phem-cont{
	display:flex;
	flex-flow:row wrap;
	align-items:center;
	margin-left:55px;
}

.phone{
	padding-right:3px;
}

.email{
	margin-left:75px;
	padding-right:36px;
}

.delivery-details{
	color:#ab7743;
	font-weight:700;
}

form p{
	font-weight:500;
	color:#5e3023;
	margin-bottom:5px;
}

input[type=text]{
	font-size:17px;
	width:30%;
	padding-bottom:5px;
	border-radius:5px;
	border:none;
}

input[type=submit]{
	font-family:raleway;
	font-weight:600;
	font-size:17px;
	background-color:#764732;
	border:none;
	border-radius:30px;
	padding: 7px 30px;
	color:white;
	margin-left:55px;
	margin-bottom:30px;
}

input[name=strt-add]{
	width:50%;
}

.delivery-details{
	color:#ab7743;
	font-weight:700;
	font-size:25px;
	margin:50px 0 25px 50px;
}

.dlvr-options button{
	font-family:raleway;
	font-weight:600;
	font-size:15px;
	border:2px solid black;
	border-radius:10px;
	background-color:transparent;
	width:250px;
	height:65px;
	text-align:center;
	
	display:inline-flex;
	align-items:center;
}

.dlvr-options button:focus{
	border:2px solid #b7995c;
	color:#b7995c;
}

.dlvr-options{
	margin-left:70px;
	margin-bottom:25px;
}

.dlvr-opt-icons{
	filter: invert(26%) sepia(65%) saturate(444%) hue-rotate(334deg) brightness(96%) contrast(86%);
	width:40px;
	height:40px;
	float:left;
	margin-left:15px;
	margin-right:10px;
}

.st-cont{
	display:flex;
	flex-flow:row wrap;
	align-items:center;
	margin-left:55px;
	margin-bottom:30px;
}

.brgy-ct-cont{
	display:flex;
	flex-flow:row wrap;
	align-items:center;
	margin-left:55px;
	margin-bottom:30px;
}

.brgy{
	margin-right:37px;
}

.city{
	margin-left:80px;
}

.dt-cont{
	display:flex;
	flex-flow:row wrap;
	align-items:center;
	margin-left:55px;
	margin-bottom:30px;
}

.tp-cont{
	display:flex;
	flex-flow:row wrap;
	align-items:center;
	margin-left:55px;
	margin-bottom:30px;
}

.date{
	margin-right:10px;
}

.time{
	margin-right:10px;
}

input[name=date]{
	width:7%;
}

input[name=time]{
	width:5%;
}

#form-details{
	width:65%
}

#mini-summary{
	width:30%;
}

.mini-smmry-cntnr{
	position:absolute;
	top:400px;
	right:70px;
	background-color:white;
	border-radius:20px;
	padding: 20px 20px;
}

.inner-border{
	border: 3px solid #7b7b7b;
	border-radius:20px;
}

.your-order{
	color:#ab7743;
	font-weight:700;
	font-size:25px;
}

.yo-edit{
	margin-bottom:30px;
	
	display:flex;
	justify-content:space-between;
}

.edit{
	font-family:raleway;
	font-weight:800;
	font-size:17px;
	background-color:transparent;
	border:none;
}

.edit a{
	text-decoration:none;
	color:#764732;
}

.total{
	font-weight:800;
	color:#b7995c;
	font-size:23px;
}

.amount{
	font-weight:800;
	font-size:23px;
	color:#b7995c;
}

.total-price{
	margin-bottom:50px;
	margin-top:40px;
	
	display:flex;
	justify-content:space-between;
}

#footer{
	background:#5e3023;
}

#footer h1{
	font-family:andada pro;
	font-weight:800;
	font-size:25px;
}

.footer-items{
	padding-top:30px;
	padding-bottom:30px;
	
	display:flex;
	justify-content:space-between;
	align-items:center;
}

.footer-logo{
	width:150px;
	margin-left:30px;
}

.footer-sns{
	max-width:40px;
}

.footer-txt{
	color:white;
	margin-right:30px;
	text-align:right;
}

.footer-txt p{
	font-size:17px;
}