html{
    font-size:62.5%;
}
main{
    font-size:1.6rem;
    font-family: 'Quicksand', sans-serif;
    margin:0;
    padding:0;
}
/*FOOD MENU SECTION////////////////////////////////////////////*/
#menu-price{
    background-color: #fafafa;
    padding:5% 5% 5% 5%;
}
.immg{
    border-radius:15%;
}
.carousel-paragraph p{
    text-align: center;
}

/*ARE YOU BUSY SECTION//////////////////////////////////*/
#busy{
    display:flex;
    background-color: #fafafa;
    padding:0 10% 5% 10%;
    margin-top:5%;
}
.busy-2{
    margin:0 auto;
    align-self:center;
}
.busy-2 h2{
    font-size:4.0rem;
    font-weight:bold;
    color:#2f4858;
}
.busy-2 p{
    color:#2f4858;
    text-align:center;
}
.order-button{
    margin-left :32%;
    margin-top:2%;
   outline:none;
   border-radius:50px;
   padding:0.5em 1em;
   background-color: #dd431a;
   color:white;
   border-color:#fafafa;
}
img{
    width:100%;
}

/*CREATE AN ACCOUNT//////////////////////////////////*/
#account{
    background-color: #fafafa;
    display:flex;
    justify-content: center;
    align-items: center;
    padding:10% 20%;
    margin-top:5%;
    color:#2f4858;
}
.account-container{
    background-color: white;
    padding:10% 10%;
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items:center;
}
.account-container h4{
    text-align:center;
    color:#dd431a;
}
.account-container h2{
    font-size:4.0rem;
    text-align:center;
    font-weight:bold;
}
.input{
    display:flex;
    
}
input{
    flex-grow: 2;
    border:none;
    
}
input:focus{
    outline:none;
    background-color: #fafafa;
}
::placeholder{
    color:#dee2e6;
    font-size:1.3rem;
}
.account-button{
    color:white;
    background-color: #dd431a;
    outline:none;
    padding:0.2em 1em;
    border-color:#fafafa;
    border-radius:50px;
}

/*CHEFS////////////////////////////////////////////*/
#chefs{
    margin-top:5%;
    color:#2f4858;
    background-color: #fafafa;
    
}

/*FOOTER//////////////////////////////////////////////////*/
#footer{
    padding:5% 5%;
    color:#2f4858;
}
.grid-footer-container{
    display:grid;
    grid-template-columns: repeat(3,1fr);
}
.second-grid-container{
    display:grid;
    grid-template-columns: 1fr 1fr;
}
.copyright{
    text-align:center;
    margin-top:5%;
}
.footer-btn{
    color:white;
    background-color:#dd431a;
    outline:none;
    padding:0.5em 1em;
    border-color:#fafafa;
    border-radius:50px;
    margin-left:2%;
}
span{
    color:#dd431a;
    font-weight:bold;
}

/*MEDIA QUERIES*/
@media only screen and (max-width: 480px) and (min-width: 320px){
    .carousel-paragraph p{
        font-size:0.7rem;
    }
    #busy{
        flex-direction: column;
    }
    .busy-2{
        margin-top:5%;
    }
    .busy-2 h2{
        text-align: center;
        font-size:2.5rem;
    }
    .busy-2 p{
        font-size:1.2rem;
    }
    .account-container h2{
        font-size:1.8rem;
    }
    .account-container h4{
        font-size:1.2rem;
    }
    .grid-footer-container{
        grid-template-columns: 1fr;
    }
    .account-button{
        font-size:1.2rem;
        
    }
}
@media only screen and (max-width: 768px) and (min-width: 481px){
    #busy{
        flex-direction: column;
    }
}
@media only screen and (max-width: 1024px) and (min-width: 769px){
    #busy{
        flex-direction: column;
    }
}