@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');

body{
    font-family: 'Inter', sans-serif;
    background:#FBF6F2;
}
h1{
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 60px;
    line-height: 73px;
    color: #000000;
}

h2{
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 40px;
    line-height: 48px;
    color: #000000;
}
    
h3{
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: #000000;
}

h4,h5,h6{
    font-family: 'Inter', sans-serif;
}
p{
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: rgba(0, 0, 0, 0.65);
}
a{
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
}


.btn-default.btn.is-btn-primary.send-btn{
    background: rgba(46, 26, 19, 1) !important;
}

.nav.navbar-nav.navbar-right{
    padding-top:20px !important;
}

.brownbg{
    background-color: rgba(46, 26, 19, 1);
}


#ordering-app > main > div{
    background: #FFF !important;
}

#ordering-app > main > div > div > div.container-57 > div:nth-child(2) > div > p > span{
    background-color: #FFF !important;
}

#ordering-app > main > div > div > div.container-57 > div:nth-child(1){
    display: none !important;
}

@media(min-width:1024px) and (max-width:1460px){
     #app\ companyadmin\.webapp-page\.publish > div:nth-child(4) > div > div > div > div:nth-child(2) > div > img{
        bottom: 21px !important;
        left: 0px !important;
    }
}
@media(max-width:576px){
    #app\ companyadmin\.webapp-page\.publish > div:nth-child(2) > div > div > div > div:nth-child(2) > div > img{
        width: auto !important;
        height: 240px !important;
        top: -159px !important;
    }
    
    #app\ companyadmin\.webapp-page\.publish > div:nth-child(2) > div > div > div > div:nth-child(2){
        margin-top:-30% !important;
    }
    
    #app\ companyadmin\.webapp-page\.publish > div:nth-child(8) > div.is-boxes > div > div > div:nth-child(2){
        flex-direction: column !important;
    }
    #app\ companyadmin\.webapp-page\.publish > div:nth-child(4) > div > div > div > div:nth-child(2) > div > img{
    bottom: 36px !important;
    left: 0px !important;
    }
    .pos{
        position:static !important;
    }
    h1{
        font-size: 45px;
        line-height: 48px;
    }
    .smaller{
        margin-top:60px !important;
    }
    .no-bor{
        border-right:0 !important
    }
}

#ordering-app > main > div > div > div.container-57 > div:nth-child(2) > div > p{
    margin-bottom:100px !important;
}
.uno{
    position:absolute;
    left:0;
    right:0;
    opacity: 0;
    /*width: 270px;*/
    transition: opacity .35s ease;
}
.cont:hover .uno{
    opacity: 1;
    position: relative;
    transition: top 1s ease;
}


.image{
    margin-top:9px;
}
.is-btn-ghost2, .is-btn-ghost1 {
	padding: 14px 82px !important;
    font-style: normal;
    font-weight: 500 !important;
    font-size: 14px !important;
    line-height: 17px !important;
    letter-spacing:0 !important;

}

.form-control {
    background: #FFFFFF !important;
    border:0 !important;
    box-shadow: 0px 4px 29px rgba(0, 0, 0, 0.1) !important;
    border-radius:0 !important;
}

.rendered-form .form-group>label {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: rgba(0, 0, 0, 0.65);
}

.rendered-form .form-control:focus {
	outline: 0;
    border:0 !important;
    background: #F9F4F1 !important;
    box-shadow: 0px 4px 29px rgba(0, 0, 0, 0.1) !important;
}

.send-btn {
	padding: 14px 82px !important;
    font-style: normal;
    font-weight: 500 !important;
    font-size: 14px !important;
    line-height: 17px !important;
    color: #F9F4F1 !important;
    background: #000000 !important;
    box-shadow: 0px 4px 29px rgba(0, 0, 0, 0.1) !important;
    border:1px solid #000 !important;
    border-radius:0 !important;
}

.send-btn:hover {
	background: #DDBF99 !important;
	border: 1px solid #DDBF99 !important;
	color: #000 !important;
}
.navbar-nav>li>a{
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #000000;
    text-transform:uppercase;
}
.navbar-nav>li{
    padding:0 16px;
}
.navbar{
    padding-bottom: 10px !important;
    padding-top: 40px !important;
}

.footer-text, .footer-text>a{
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: rgba(0, 0, 0, 0.65);
}