/*DESKTOP SCREEN SIZE (1434) */

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

/*HERO SECTION*/

.hero_out_bg_title,
.hero_bg_title {
    padding-left: 2rem;
    font-size: 2rem;
}

.hero_bg_text_container {
    justify-content: center;
    padding: 4rem;
    gap: 4rem;
}

.hero_bg_text {
    font-size: 1.3rem;
}

.hero_bg_btn {
    width: 100%;
    justify-content: flex-end;
    flex-wrap: wrap;
}

/*CHEFS SECTION*/



#chefs_section {
    margin: 0 1rem;
    padding: 2rem 0;
}

.chefs_card_1,
.chefs_card_2,
.chefs_card_3 {
 height: auto;
}

.chefs_card1_text h2 {
    font-size: 2rem;
}

/*CATERING SECTION*/

#catering_section {
    margin: 0 2rem;
}

.catering_container_text {
    padding: 0 2rem;
}


.catering_container_text h2 {
    font-size: 2.5rem;
}

/*ARTICLE SECTION*/

.article_bg {
    background-position: center;
}

.article_title_text {
    padding: 0 2rem;
}

/*MENU SECTION*/

.menu_title {
    padding: 0 2rem;
    gap: 2rem;
    justify-content: space-between;
    flex-wrap: wrap;
}

.menu_title h2 {
    font-size: 3rem;
  
}

.menu_card {
    width: 22%;
    

}


/*CONTACT SECTION*/

.contact_out_title,
.contact_in_title h2 {
    padding-left: 1.5rem;
}
.contact_in_title {
    background-position: center;
}

}



/*TABLET SCREEN SIZE (768px) */

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

    /*HAMBURGER NAVIGATION*/

 #hamburger_nav {
    display: flex;
    justify-content: space-between;
    padding: 1.5rem 1.5rem;
 }

/* Menu hidden by default on tablet/mobile */
.navigation_section {
    display: none;
    flex-direction: column;
}

.navigation_links.active {
    display: flex;
}

    /*NAVIGATION SECTION*/

    .navigation_links {
       display: none;
    }



    /*HERO SECTION*/

.hero_bg_container {
    height: 83vh;
}

.hero_out_bg_title,
.hero_bg_title {
        font-size: 1.5rem;
        padding-left: 1rem;
}

.hero_bg_text_container {
    gap: 8rem;
    padding: 0 2rem 0 2rem;
    height: 70vh;
}

.hero_bg_text {
    font-size: 1rem;
}

.hero_bg_btn {
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 1rem;
}

/*CHEFS SECTION*/

#chefs_section {
    margin: 10rem 2rem 4rem 2rem;
    height: 100vh;
    flex-direction: column;
    gap: 1rem;

}

.chefs_card_1 {
    width: 100%;
    height: auto;
}

.chefs_card1_text h2 {
    font-size: 2rem;
}

.chefs_card2_text img  {
    width: 100%;
    height: 18rem;
}

.chefs_card_2 {
    width: 100%;
    height: 30%;
}


.chefs_card_2 img{
    width: 100%;
    height: 100%;
    object-position: 50% 25%;
}

.chefs_card_3 img {
    height: 80%;
    
}

.chefs_card_3 {
    flex-direction: row;
    gap: 1rem;
    width: 100%;
    height: 20rem;
    margin-bottom: 3rem;
    

}

/*MENU SECTION*/

#menu_section {
    justify-content: normal;
    padding: 6rem 2rem;
    height: auto;
    row-gap: 1rem;

}

.menu_title h2{
    font-size: 2rem;
}

.menu_title p {
font-size: 0.8rem;
}

.menu_title {
    justify-content: space-between;
}

.menu_card {
    width: 48%;
    height: 30%;
   align-items: flex-start;

}

.menu_card img {
    height: 18rem;
}

.menu_img_cards {
    flex-wrap: wrap;
    row-gap: 5rem;
}

.repo_img2 img {
    object-position: center -70px;
}

/*CATERING SECTION*/

#catering_section {
    align-items: flex-start;
    margin: 4rem 1rem;
    height: auto;
}

.catering_container_text {
    padding: 0 1rem;
}

.catering_container_text h2 {
    font-size: 2rem;
}

/*ARTICLE SECTION*/



.article_title_text {
    padding: 2rem 1rem;
}

.article_title_text h2 {
     font-size: 2rem;
}

.article_bg {
   background-position: fixed;
   background-position: center;
}

/*FAQ SECTION*/

.faq_title {
    font-size: 2.2rem;
}

.faq_text {
    text-align: center;
}

.faq_column_container {
    width: 60%;
}


/*CONTACT SECTION*/

#contact_section {
    height: 80vh;
}

.contact_container {
    gap: 0.7rem;
}

.contact_in_title {
    background-position: center;
    height: auto;
}

.contact_in_title h2 {
    padding-left: 2rem;
    font-size: 2rem;
}

.contact_out_title h2 {
    padding-left: 2rem;
    font-size: 2rem;
}

.contact_out_title {
    padding-left: 0;
}

.contact_address {
    font-size: 0.8rem;
    justify-content: center;
}

.img_container {
    width: 100%;
    height: auto;
}

/*FOOTER SECTION*/

.footer_nav {
    gap: 1rem;
}

.footer_icons {
    gap: 0.5rem;
}

.footer_nav_container {
    gap: 1rem;
    padding: 0 1rem;
    
}

footer {
    height: 9rem;
}
}



/*Most Mobile Phone Screen Size*/

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

/*HERO SECTION*/



.hero_bg_btn {
    width: 100vw;

}

.hero_bg_text_container {
    flex-wrap: wrap-reverse;
    align-items: flex-start;
    height: auto;
    gap: 1rem;
}

.hero_bg_container {
    padding: 0 1rem 3rem 1rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.hero_btn_1, 
.hero_btn_2 {
    width: auto;
    height: auto;
    padding: 1rem;
}


/*CHEFS SECTION*/

#chefs_section {
    height: auto;
}

/*MENU SECTION*/

#menu_section {
    justify-content: normal;
    height: auto;
    padding: 2rem 0;
}

.menu_title {
    padding: 2rem 2rem 0 2rem;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.menu_img_cards {
  flex-direction: column;
  align-items: center;
}

.menu_card {
    width: 90%;
    height: auto;

}

.menu_card img {
    height: 20rem;
    width: 100%;

}

.repo_img img {
    object-position: 50% 75%;
}

.repo_img2 img {
    object-position: center 22%;
}

.chefs_card_3 {
    flex-wrap: wrap;
}

/*CATERING SECTION*/

#catering_section {
    margin: 1rem 1rem;
    flex-direction: column;
    justify-content: normal;
}

.catering_container_text {
    padding: 0 1rem;
    width: 100%;
    height: 40vh;
}

.catering_container_text h2 {
    font-size: 2rem;
}

.catering_container_img {
     width: auto;
}



    /*FAQ SECTION*/

.faq_column_container {
    width: 80%;
}

.faq_title {
    font-size: 2.5rem;
}

/*ARTICLE BLOGPOST*/
#article_blogpost {
   height: 90vh;
   flex-direction: column;
   padding-top: 3rem;
}

.article_bg {
   width: 100%;
    height: 50%;
    margin: 2rem 0;
    background-position: 10% 50%;

}

.article_title_text h2 {
    font-size: 2rem;
}


.article_title_text {
    width: auto;
    padding: 0 2rem;
}


/*FAQ SECTION*/

.faq_title
.faq_text {
    font-size: 0.8rem;
}

.faq_text {
    padding: 0 2rem;
}


/*CONTACT SECTION*/

.contact_in_title {
    height: 80%;
    width: 100%;
    border-radius: 0;
    
}

#contact_section {
    height: 80vh;
    justify-content: flex-start;
    padding-top: 2rem;
}

.contact_container {
    flex-wrap: wrap;
    justify-content: flex-start;
}

.contact_address{
    gap: 1rem;
    padding: 0 2rem;
}

/*FOOTER SECTION*/

.footer_nav_container {
    flex-wrap: wrap;
}


}

/*SMALLEST MOBILE SCREEN SIZE*/

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

/*HERO SECTION*/



.hero_out_bg_title h1,
.hero_bg_title h1 {
    font-size: 2rem;
}

.hero_bg_text_container {
    flex-direction: column-reverse;
    justify-content: flex-start;
    gap: 1rem;
    height: 94%;
    padding: 1rem 1rem;
    
}




.hero_bg_btn {
    width: auto;
}

/*CHEFS SECTION*/

.chefs_card_3 {
    flex-wrap: wrap;
    padding-bottom: 1rem;
}

/*CATERING SECTION*/


#catering_section {
    height: auto;
    padding: 3rem 0;
   margin: 3rem 0;
}

.catering_container_img {
    align-items: center;
    padding: 0 1rem;
}

.catering_container_text{
    height: auto;
}

.catering_container_text button {
    min-width: 100%;
}

.catering_img {
    width: 100%;
}

.catering_container_img {
    margin-top: 1rem;
}
/*FAQ SECTION*/



.faq_title {
    justify-content: center;
    padding: 0 2rem;
    font-size: 1.7rem;
}

.faq_text {
    text-align: center;
    padding: 0 2rem;
}

.faq_item {
    font-size: 0.9rem;
}


/*CONTACT SECTION*/

#contact_section {
    height: 110vh;
    padding: 1rem 0;
  
    
}

.contact_container {
    height: 65vh;
 
}

.contact_address button {
    width: 12rem;
}

.contact_in_title {
    margin-bottom: 0rem;
 
}

.contact_address {
    padding-top: 1rem;

}

}