/*************   Mobile View. **********************/

#recipe_spacer {
    
    padding: 0 25px 0 25px;
    
}

#category_filter_container{

    position: relative; 
    width: 100%;  
    background-color: #C15863;  
    margin-bottom: 50px; 
    padding: 15px 25px 15px 25px;
}



    #recipe_search_container{
        
        position: relative; 
        display: block; 
        width: 100%;
        margin-bottom: 15px;
    }
    
    #recipe_category_container{
        
        position: relative; 
        display: block; 
        width: 100%;
        margin-bottom: 15px;
        
    }
    
    
    #recipe_archive_container{
        
        position: relative; 
        display: block; 
        width: 100%;
        
    }


/*************   Tablet View. **********************/

                     
@media screen and (min-width:768px){
    
    
    #recipe_spacer {
    
        padding: 0;
    
    }

    
    #recipe_search_container{
        
        display: inline-block; 
        width: 45%;
        margin-bottom: 0px;

    }
    
    #recipe_category_container{
        
        display: inline-block; 
        width: 25%;
        margin-bottom: 0px;

        
    }
    
    
    #recipe_archive_container{
        
        display: inline-block; width: 25%;
        
    }

}


/*************   Desktop View. **********************/

                     
@media screen and (min-width:1050px){

    
}