@media screen and (min-width: 500px) {
    
        .grid_main {
            grid-area: main;
            margin: 0;
            padding: 5%;
        }
            .search_bar {
                display: flex;    
                flex-direction: row;
                align-items: center;
                width: 100%;
                height: 46px;
                max-width: 440px;
                background-color: white;
                border-radius: 20px;
                border-width: 2px;
                border-style: outset;
                margin-top: 10px;
                margin-bottom: 10px;
                padding-right: 20px;
                padding-left: 20px;
                font-size: 19px;
            }
                .text_input {
                    width: 360px;
                    height: 42px;
                    margin-top: 10px;
                    margin-bottom: 10px;
                    padding-right: 16px;
                    padding-left: 16px;
                    background-color: lightgrey;
                    border-radius: 10px;
                    font-size: 17px;
                    color: black;
                    cursor: text;
                    transition: 0.5s;
                }
                .text_input:hover {
                    box-shadow: 0 0 3px 3px darkslategrey;
                }
                .text_input:focus {
                    box-shadow: 0 0 3px 3px #480304;
                    color: #480304;
                }
                .text_input_large {
                    width: 100%;
                    max-width: 360px;
                    height: 45px;
                    margin-top: 10px;
                    margin-bottom: 10px;
                    padding-right: 16px;
                    padding-left: 16px;
                    background-color: lightgrey;
                    border-radius: 10px;
                    font-size: 17px;
                    color: black;
                    cursor: text;
                    transition: 0.5s;
                }
                .text_input_large:hover {
                    box-shadow: 0 0 3px 3px darkslategrey;
                }
                .text_input_large:focus {
                    box-shadow: 0 0 3px 3px #480304;
                    color: #480304;
                }
                
                .full_img {
                    width: auto;
                    height: auto;
                    max-width: 100%;
                    max-height: 100%;
                }
    
                .submit_input {
                    width: 120px;
                    height: 50px;
                    margin-top: 10px;
                    margin-bottom: 10px;
                    border-radius: 10px;
                    text-align: center;
                    font-size: 17px;
                    color: black;
                    cursor: pointer;
                    transition: 0.5s;
                }
                .submit_input_large {
                    width: 170px;
                    height: 40px;
                    margin-top: 10px;
                    margin-bottom: 10px;
                    border-radius: 10px;
                    text-align: center;
                    font-size: 18px;
                    color: black;
                    cursor: pointer;
                    transition: 0.5s;
                }
                .submit_input_xl {
                    width: 220px;
                    height: 40px;
                    margin-top: 10px;
                    margin-bottom: 10px;
                    border-radius: 10px;
                    text-align: center;
                    font-size: 17px;
                    color: black;
                    cursor: pointer;
                    transition: 0.5s;
                }
}

@media screen and (min-width: 500px) {
                
                .form_outline {
                    width: 94%;
                    height: auto;
                    padding-top: 25px;
                    padding-right: 12px;
                    padding-bottom: 25px;
                    padding-left: 12px; 
                }
                .form_error {
                    width: 100%;
                    padding: 0;
                }
                .form_layout {
                    width: 100%;
                    padding: 0;
                }
    
                
}