/* choose_restaurant.html */

/* choose_restaurant.html */

    .masthead {
        background-color: gold;
    }

    .flex-container-1 {
        display: flex;
        flex-direction: row;
        justify-content: center;
        background-color: darkgrey;
        padding: 25px;
    }

    .restaurant-1-image {
        width: 350px;
        height: auto;
        text-align: center;
        border: 5px solid darkgreen;
        border-radius: 20px;
        float: left;
    }

    #cheeseburger {
        width: 100%;
    }

    .restaurant-1-text {
        width: 300px;
        text-align: center;
        border: 5px solid darkgreen;
        border-radius: 20px;
        float: right;
        padding-top: 10px;
        padding-right: 10px;
        padding-bottom: 10px;
        padding-left: 10px;
        font-size: 18px;
    }

    #rest-1-button {
        padding: 12px 28px;
        font-size: 15px;
        border-radius: 4px;
        border: 1px solid gold;
        background-color: gold;
    }

.flex-container-2 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    background-color: rgb(221, 219, 219);
    padding: 25px;
}

.restaurant-2-image {
    width: 350px;
    height: auto;
    text-align: center;
    border: 5px solid darkgreen;
    border-radius: 20px;
    float: left;
}

#taco {
    width: 100%;
}

.restaurant-2-text {
    width: 300px;
    text-align: center;
    border: 5px solid darkgreen;
    border-radius: 20px;
    float: right;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    font-size: 18px;
}

#rest-2-button {
    padding: 12px 28px;
    font-size: 15px;
    border-radius: 4px;
    border: 1px solid gold;
    background-color: gold;
}

.flex-container-3 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    background-color: darkgrey;
    padding: 25px;
}

.restaurant-3-image {
    width: 350px;
    height: auto;
    text-align: center;
    border: 5px solid darkgreen;
    border-radius: 20px;
    float: left;
}

#grilledcheese {
    width: 100%;
}

.restaurant-3-text {
    width: 300px;
    text-align: center;
    border: 5px solid darkgreen;
    border-radius: 20px;
    float: right;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    font-size: 18px;
}

#rest-3-button {
    padding: 12px 28px;
    font-size: 15px;
    border-radius: 4px;
    border: 1px solid gold;
    background-color: gold;
}
 
/* burger.html */

.burger-container-1 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    background-color: darkgrey;
    padding: 25px;
}

.burger-img-1 {
    width: 350px;
    height: auto;
    text-align: center;
    border: 5px solid darkgreen;
    border-radius: 20px;
    float: left;
}

#burger-2 {
    width: 100%;
}

.burger-1-button {
    align-items: center;
    padding: 14px 40px;
    font-size: 15px;
    border-radius: 4px;
}


.burger-container-2 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    background-color: lightgrey;
    padding: 25px;
}

.burger-img-2 {
    width: 350px;
    height: auto;
    text-align: center;
    border: 5px solid darkgreen;
    border-radius: 20px;
    float: left;
}

#chickenstrips-1 {
    width: 100%;
}

.burger-2-button {
    align-items: center;
    padding: 14px 40px;
    font-size: 15px;
    border-radius: 4px;
}



.burger-container-3 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    background-color: darkgrey;
    padding: 25px;
}

.burger-img-3 {
    width: 350px;
    height: auto;
    text-align: center;
    border: 5px solid darkgreen;
    border-radius: 20px;
    float: left;
}

#chickenstrips-2 {
    width: 100%;
}

.burger-3-button {
    align-items: center;
    padding: 14px 40px;
    font-size: 15px;
    border-radius: 4px;
}

/* taco.html */

.taco-container-1 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    background-color: darkgrey;
    padding: 25px;
}

.taco-img-1 {
    width: 350px;
    height: auto;
    text-align: center;
    border: 5px solid darkgreen;
    border-radius: 20px;
    float: left;
}

#taco-2 {
    width: 100%;
}

.taco-1-button {
    align-items: center;
    padding: 12px 28px;
    font-size: 15px;
    border-radius: 4px;
}
/*grilled_cheese.html*/

    .grilled-1-container{
        display: flex;
        flex-direction: row;
        justify-content: center;
        background-color: darkgrey;
        padding: 25px;
    }
    
    .grilled-img-1 {
        width: 350px;
        height: auto;
        text-align: center;
        border: 5px solid darkgreen;
        border-radius: 20px;
        float: left;
    }
    
    #grilled-2 {
        width: 100%;
    }
    
    .grilled-1-button {
        align-items: center;
        padding: 12px 28px;
        font-size: 15px;
        border-radius: 4px;
    /*
    .restaurant-1 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
}

        .restaurant-1-image {
        width: 450px;
        height: auto;
        text-align: center;
        border: 5px solid darkgreen;
        border-radius: 20px;
        float: left;
        flex-shrink: 1;
    }

    .restaurant-1-text {
        width: 350px;
        text-align: center;
        border: 5px solid darkgreen;
        border-radius: 20px;
        float: right;
        background-image: green;


    
    }