@import url('https://fonts.googleapis.com/css2?family=PT+Sans+Narrow:wght@400;700&display=swap');

body{
	font-family: "PT Sans Narrow", sans-serif;
}
img{
	width:100%;
}
div#navbarNavAltMarkup {
    justify-content: right;
}
.navbar-nav {
    gap: 55px;
    padding-right: 15px;
	font-size: 17px;
	
}
a.nav-link {
    font-weight: 500;
    transition: 0.5s all;
    color:white;
	position:relative;
}
a.nav-link:before {
    content: "";
    width: 87%;
    height: 8%;
    position: absolute;
    background-color: #FFAE00;
    border-radius: 13px;
    bottom: 0px;
    right: 5px;
	visibility:hidden;
	transition: 0.5s all;
}
a.nav-link:hover:before,a.nav-link.active:before{
	visibility:visible;
}
a.nav-link:hover {
    color:#FFAE00;
}
a.nav-link.active {
    color: #FFAE00 !important;
}
a.navbar-brand img {
    width: 200px;
}
header:before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 30%;
    height: 100%;
    background-color: #b41111;
    border-radius: 0px 70px 70px 0px;
    background-image: url('img/family.png');
    background-size: 89px;
    background-repeat: no-repeat;
    background-position: 95% center;
}
header {
    position: relative;
    background-color: #000;
}
.info-sec img {
    width: 100px;
}
.content {
    text-align: center;
}
.info-sec {
    background-color: #FD9D3E;
    padding-top: 5rem;
    padding-bottom: 3rem;
	position:relative;
}
.info-sec .heading-title {
    font-size: 30px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 20px;
    margin-top: 20px;
}
section.info-sec:before {
    content: "";
    width: 100%;
    height: 100%;
    background-image: url('img/order-top.png');
    position: absolute;
    background-repeat: no-repeat;
    z-index: 99;
    top: -77px;
}

.content {
    background-color: #000000;
    border: 1px solid #0000002b;
    padding: 20px;
    border-radius: 19px;
    box-shadow: 1px 1px 20px -10px #00000085;
    margin-bottom: 20px;
    /* color: #000; */
    height: 250px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}
.price {
    color: #b41111;
    background-color: #fff;
    padding-top: 8px;
    padding-bottom: 8px;
    border-radius: 7px;
    font-size: 14px;
}
section.menu {
    padding-top: 4rem;
    padding-bottom: 4rem;
    background-color: #b41111;
    color: #fff;
}
.calltoaction {
    background-color: #fd9d3e;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
}
.calltoaction a {
    color: #B41111;
    text-decoration: none;
}
footer {
    background-color: #000;
    color: #fff;
    padding-top: 4rem;
    padding-bottom: 4rem;
}
p.copyright {
    margin-bottom: 0px;
    text-align: center;
    background-color: #ffb92b;
    font-size: 14px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 15px;
    padding-right: 15px;
}
form button.btn.btn-primary {
    background-color: #ffb92a;
    width: 100%;
    border: 1px solid;
    color: #000;
}
@media only screen and (max-width: 600px) {
button.navbar-toggler {
    background-color: #FEB92A;
    border-radius: 50px;
    height: 53px;
}
a.nav-link {
    text-align: center;
    border-bottom: 1px solid;
}
header:before {
    background-image: unset;
}
}